这就是我的方法。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添加了一个保护，而不是猴子补丁。它是安全的。

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

如果你使用Webpack，你可以使用Terser插件来完全排除console.log函数调用。

这样你就可以有一个干净的生产应用程序包，它不会暴露不必要的信息，但在调试版本中仍然有所有这些信息。

https://github.com/terser/terser#compress-options

drop_console(默认值:false)——传递true以丢弃对控制台的调用。*功能。如果你希望删除一个特定的函数调用，如console.info和/或在删除函数调用后保留函数参数的副作用，则使用pure_funcs代替。

minimizer: [
    new TerserPlugin({
        terserOptions: {
            compress: {
                pure_funcs: [ 'console.log' ]
            }
        }
    }),
]

或者你也可以使用drop_console: true来排除所有控制台调用。

在其他答案的基础上，我个人希望只关闭代码的特定部分(ES6模块，但简单的单独脚本也可以)。

// old console to restore functionality
const consoleHolder = window.console;

// arbitrary strings, for which the console stays on (files which you aim to debug)
const debuggedHandlers = ["someScript", "anotherScript"];

// get console methods and create a dummy with all of them empty
const consoleMethodKeys = Object.getOwnPropertyNames(window.console).filter(item => typeof window.console[item] === 'function');
const consoleDummy = {};
consoleMethodKeys.forEach(method => consoleDummy[method] = () => {});

export function enableConsoleRedirect(handler) {
  if (!debuggedHandlers.includes(handler)) {
    window.console = consoleDummy;
  }
}

export function disableConsoleRedirect() {
  window.console = consoleHolder;
}

然后，只需将这个模块导入到您希望能够切换调试模式的任何文件中，在文件顶部调用enable函数，在底部调用disable函数。

如果希望在简单脚本中使用它，可能需要将顶部包装在匿名函数中和/或稍微重新组织它，以最大限度地减少名称空间污染。

此外，你可能想要只使用true/false而不是字符串处理程序，并在当前使用的文件中切换调试模式。

下面是更详细的:

var DEBUG = false;
if(!DEBUG){
    if(!window.console) window.console = {};
    var methods = ["log", "debug", "warn", "info"];
    for(var i=0;i<methods.length;i++){
        console[methods[i]] = function(){};
    }
}

这将把控制台中存在的通用方法归零，并且可以毫无错误地调用它们，而且几乎没有性能开销。在像IE6这样没有控制台的浏览器的情况下，将创建虚拟方法以防止错误。当然，Firebug中还有更多的函数，比如跟踪、配置文件、时间等。如果在代码中使用它们，则可以将它们添加到列表中。

你也可以检查调试器是否有这些特殊的方法(ie, ie)，并将不支持的方法归零:

if(window.console && !console.dir){
var methods = ["dir", "dirxml", "trace", "profile"]; //etc etc
    for(var i=0;i<methods.length;i++){
        console[methods[i]] = function(){};
    }
}

我为这个用例开发了一个库:https://github.com/sunnykgupta/jsLogger

特点:

它会安全地覆盖console.log。 注意控制台是否不可用(哦，是的，你也需要考虑这个因素)。 存储所有日志(即使它们被抑制)以供以后检索。 处理主要控制台功能，如日志，警告，错误，信息。

是开放的修改，并将更新每当有新的建议。

我的全面解决方案禁用/覆盖所有控制台。*函数在这里。

当然，请确保在检查必要的上下文之后包含它。例如，只包含在产品版本中，它不会轰炸任何其他关键组件等。

这里引用一下:

“使用严格的”; (() => { Var控制台=(窗口。控制台=窗口。控制台|| {}); ［ “维护”、“清楚”、“数”、“调试”,“dir”、“dirxml”, "error"， "exception"， "group"， " groupcollapse "， "groupEnd"， "info"， "log"， "markTimeline"， "profile"， "profileEnd"， "table"， "time" "timeEnd" "timeStamp" "trace" "warn" ]。forEach(方法=> { Console [method] = () => {}; })； console.log("此消息不应该在控制台日志中可见"); })（);