wordpress 混合移动app,seo属于什么,可不可以建网站做微商,西安网站建设l西安搜推宝网络控制台日志打印console的封装#xff0c;加入美化、行显示与打印开关#xff0c;支持node.js环境
为什么要写这个#xff1f;
封装这个控制台日志打印工具#xff0c;主要是在项目中自己做的SDK需要提供给其他开发人员使用#xff0c;加入了日志美化和打印打开#xff…控制台日志打印console的封装加入美化、行显示与打印开关支持node.js环境
为什么要写这个
封装这个控制台日志打印工具主要是在项目中自己做的SDK需要提供给其他开发人员使用加入了日志美化和打印打开方便了开发人员查找SDK中的日志提高了逼格也加深了自己对日志关键性的理解。 首先讲下封装时遇到的一些问题点
日志开关日志查找便捷性日志打印位置需要保留web环境外使用目前支持node环境支持链式调用log.setPadStartText(log, hello world).info(1234, 4, [3, 5])
对于以上问题点我是这么解决的
我是用ts写的我在工具实际调用的方法内进行清除与重置print来解决日志开关的问题日志查找的便携性我加入了特殊的日志颜色来区分也就是美化了一下日志输出日志打印位置保留采用了如console.info.bind(this, ...this.infoPadStartText)这样即保留了日志位置又可以像平常使用console一样进行逗号 ,分隔传参为了区分是否是node.js环境进行了typeof process object判断closeLog()、openLog()、setPadStartText()函数支持链式调用就是在函数结尾加入return this返回工具对象
希望这次分享给大家带来方便和灵感谢谢。
介绍
这是“console”对象的进一步美化和封装包括console.log、console.info、console.warn、console.error。 可以加入自定义的console打印前缀、对内容进行美化web端规则参考 https://developer.mozilla.org/en-US/docs/Web/API/Console node环境参考 https://zh.wikipedia.org/wiki/ANSI%E8%BD%AC%E4%B9%89%E5%BA%8F%E5%88%97可随时关闭console打印支持node环境
github地址 https://github.com/zancheng/beautify-console-log
gitee地址 https://gitee.com/cheng-zan/beautify-console-log
效果如下 安装教程
npm i beautify-console-log --save或
yarn add beautify-console-log使用说明
简单使用
import BeautifyConsole from beautify-console-log;
const log BeautifyConsole.getInstance();
// 使用方式与正常的console.info()一致
log.info(1234, 4, [3, 5]);
或
const log new BeautifyConsole();
// 使用方式与正常的console.info()一致
log.info(1234, 4, [3, 5]);
支持的console类型
const log BeautifyConsole.getInstance();
log.info(1234, 4, [3, 5]);
log.log(1234, 4, [3, 5]);
log.warn(1234, 4, [3, 5]);
log.error(1234, 4, [3, 5]);加入自定义console日志头
const log BeautifyConsole.getInstance();
log.setPadStartText(log, hello world)
// or
log.setPadStartText(log, hello world).info(1234, 4, [3, 5]);关闭日志传入参数就关闭对应的console日志类型不传就关闭所有的类型支持链式调用
const log BeautifyConsole.getInstance();
log.close(info);
log.close(log);
log.close(warn);
log.close(error);
log.close();
log.close().open(error);// or
log.open(error).open(log).open(warn).open(info);// or
log.close(error).info(closed error);
log.close(error).error(closed error);// or
log.close(error).open(info);
log.close(error).open(info).info(info...);打开日志传入参数就打开对应的console日志类型不传就打开所有的类型支持链式调用
const log BeautifyConsole.getInstance();
log.open(info);
log.open(log);
log.open(warn);
log.open(error);
log.open();
log.open().close(info);//or
log.open(error).open(log).open(warn).open(info);// or
log.open().info(closed error);
log.open(error).error(closed error);// or
log.close(error).open(info);
log.close(error).open(info).info(info...);
