如何在JS中捕获console.log的输出

Posted 2023-03-21

参考技术A 1、console.log是在控制输出的
2、打开流浪器的调试模式，切换到控制面板就可以看到相应答应信息本回答被提问者和网友采纳

快速删除项目中的输出日志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("不想屏蔽的输出，例如捕获的错误等");