在前端开发中,我们常常需要在浏览器控制台输出各种信息以便调试。而使用 console.log 输出信息时,由于信息过多,常常需要对输出结果进行过滤和排序。filtrationconsole 就是一个能过滤 console 输出信息的 npm 包。
安装
使用 npm 可以方便地安装 filtrationconsole:
npm install filtrationconsole
使用
基本 API
首先引入 filtrationconsole:
const filtrationconsole = require('filtrationconsole');
然后,在需要过滤掉的 console.log() 之前,调用 filtrationconsole.filter() 方法设置需要过滤和删除的字符串:
filtrationconsole.filter('<', '>');
这个方法需要传入两个参数,第一个参数是需要过滤掉的字符串的开始标志,第二个参数是结束标志。例如,调用:
console.log('<test>');
会被过滤掉,输出结果为空。
高级筛选
filtrationconsole 还提供了多种高级筛选方式。使用 filtrationconsole 方法作为 console 方法的别名可以实现更加灵活的筛选。
- 过滤出指定类型的 console 方法
filtrationconsole.only('log');
以上代码会过滤出只是 log() 方法的输出。
- 关闭指定类型的 console 方法
filtrationconsole.hide('error');
以上代码会关闭 error() 方法的输出。
- 输出执行时间
filtrationconsole.time('myTime'); // some code... filtrationconsole.timeEnd('myTime');
以上代码会输出 myTime 方法的执行时间。
集成已有的 console 方法
filtrationconsole 还可以集成已有的 console 方法:
filtrationconsole.intercept(console);
以上代码会根据过滤规则对 console 方法进行处理输出。
示例代码
-- -------------------- ---- ------- ----- ----------------- - ----------------------------- ----------------------------- ----- -- --- -------- ------------------------------ -- --- ----- -- -------------------------------- -- --- ------- -- --------------------------------- -- ---- -- ---- ------- ------------------------------------ -- ---- ------------------------------------- -- ----- ------- --
总结
filtrationconsole 可以方便地帮助我们控制 console 输出,提高调试效率。它提供了多种过滤方式和集成已有方法的方法,让我们在开发中更加灵活自如。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671d630d0927023822bae