快速删除项目中的输出日志console.log
项目开发时,控制台往往有许多忘记删除或注释掉的输出日志。但是上线后总不能一个一个删吧,最近总结出几个解决思路
重写console.log方法,使其失去 输出能力
这个最直接有效,用vue框架的话放在main.js中或者index.html中即可。多页面的话可以放在一个全局js中。缺点:有时候捕获的错误是想打印出来的,结果也被屏蔽了。
console.log = function () {};
改进版
var log = console.log; // 不屏蔽 var log1 = function () {}; // 屏蔽 console.log = function () { if(arguments[0] instanceof Error){ log(...arguments); }else{ log1(...arguments); } }
后面的开发可以考虑下面的设计。
开发的时候,先将console.log赋值给log变量,后面使用的时候用log输出,上线的时候只需要将log函数改写成一个空函数就可以了。而上线后像仍需要打印的用console.log输出。这样就可以有选择的屏蔽和输出了
var log = console.log; // 平时开发用这个,写法简单,上线时替换成下一行就屏蔽掉了 // var log = function () {}; // 上线时改成这个屏蔽输出 // 例如: log("暂时打印使用这个函数,写法简单,后期还能屏蔽掉,妈妈再也不怕忘了删除打印日志了"); console.log("不想屏蔽的输出,例如捕获的错误等");