这就是我的方法。https://github.com/jchnxu/guard-with-debug 免责声明:我是这个小实用程序的作者

localStorage.debug = [
    'enable/console/log/in/this/file.ts',
    'enable/console/log/in/this/folder/*',
    '-disable/console/log/in/this/file.ts',
    '-disable/console/log/in/this/folder/*',
    
    // enable all
    '*',
].join(',');

这种方法的好处是我们可以基于文件名启用/禁用，在以下情况下尤其有用

跨多个复杂模块调试 输出内容很大，在视觉上令人不安 通过触摸代码库快速打开/关闭日志记录，当您只是部署到有更多日志的生产环境时，这会更安全。

为什么要触摸console.log?危险吗?

这多少有点自以为是。我发现自己写了很多主机游戏。而不是更标准的方式从'xxx' && logger.info(…)导入记录器。我想原因是console.log是js原生的，它感觉更自然。

这个插件只是给console.log添加了一个保护，而不是猴子补丁。它是安全的。

并且你可以安全地移除所有的控制台。使用该插件登录生产，或者使用与上面相同的配置保留您想要的插件。

你可以使用logeek，它可以让你控制你的日志消息的可见性。你可以这样做:

<script src="bower_components/dist/logeek.js"></script>

logeek.show('security');

logeek('some message').at('copy');       //this won't be logged
logeek('other message').at('secturity'); //this would be logged

你也可以使用logeek.show('nothing')来完全禁用每条日志消息。

这应该覆盖window.console的所有方法。你可以把它放在你的脚本部分的最上面，如果你在一个PHP框架上，你只能在你的应用程序环境是生产的时候打印这段代码，或者当某种调试标志被禁用的时候。然后，代码中的所有日志都将在开发环境或调试模式下工作。

window.console = (function(originalConsole){
    var api = {};
    var props = Object.keys(originalConsole);
    for (var i=0; i<props.length; i++) {
        api[props[i]] = function(){};
    }
    return api;
})(window.console);

如果你使用IE7，控制台将不会被定义。所以一个更IE友好的版本是:

if (typeof console == "undefined" || typeof console.log == "undefined") 
{
   var console = { log: function() {} }; 
}

我之前用过温斯顿记录器。

现在，我使用以下简单的代码从经验:

从cmd/命令行设置环境变量(在Windows上): cmd setx LOG_LEVEL信息

或者，如果你愿意，你可以在你的代码中有一个变量，但上面更好。

Restart cmd/ command line, or, IDE/ editor like Netbeans Have below like code: console.debug = console.log; // define debug function console.silly = console.log; // define silly function switch (process.env.LOG_LEVEL) { case 'debug': case 'silly': // print everything break; case 'dir': case 'log': console.debug = function () {}; console.silly = function () {}; break; case 'info': console.debug = function () {}; console.silly = function () {}; console.dir = function () {}; console.log = function () {}; break; case 'trace': // similar to error, both may print stack trace/ frames case 'warn': // since warn() function is an alias for error() case 'error': console.debug = function () {}; console.silly = function () {}; console.dir = function () {}; console.log = function () {}; console.info = function () {}; break; } Now use all console.* as below: console.error(' this is a error message '); // will print console.warn(' this is a warn message '); // will print console.trace(' this is a trace message '); // will print console.info(' this is a info message '); // will print, LOG_LEVEL is set to this console.log(' this is a log message '); // will NOT print console.dir(' this is a dir message '); // will NOT print console.silly(' this is a silly message '); // will NOT print console.debug(' this is a debug message '); // will NOT print

现在，根据点1中的LOG_LEVEL设置(例如，setx LOG_LEVEL日志和重新启动命令行)，上面的一些将打印，其他将不打印

希望这有帮助。

警告:无耻的插头!

您还可以使用类似我的JsTrace对象的东西来进行模块化跟踪，并具有模块级别的“切换”功能，从而只打开您当时想要看到的内容。

http://jstrace.codeplex.com

(也有一个NuGet包，为那些谁关心)

所有级别默认为“error”，尽管你可以关闭它们。 不过，我想不出为什么您不希望看到错误

你可以这样改变它们:

Trace.traceLevel('ModuleName1', Trace.Levels.log);
Trace.traceLevel('ModuleName2', Trace.Levels.info);

要获得更多文档，请查看文档

T