覆盖 console.log();用于生产 [重复]

Question

我对 Javascript 开发还很陌生，所以这可能是一个真正的新手问题。

我有一个带有console.log(); 的sencha-touch 应用程序，用于调试目的。

我有 chirpy 完成我所有的构建时间组合。它输出一个app.debug.js 用于调试以及一个app.min.js 用于生产

现在我可以浏览所有代码文件以查找 console.log(); 并在准备投入生产时手动删除它，但我想知道是否有办法覆盖该方法。

基本上，每当调用 console.log(); 方法时，什么都不做。

这样，我可以将覆盖代码文件放在我的生产配置中，而不是放在我的调试配置中。

这可能吗？

Answer 1

能够在生产版本中切换日志记录会非常有用。下面的代码默认关闭记录器。

当我需要查看日志时，我只需在控制台中输入debug(true)。

var consoleHolder = console;
function debug(bool){
    if(!bool){
        consoleHolder = console;
        console = {};
        Object.keys(consoleHolder).forEach(function(key){
            console[key] = function(){};
        })
    }else{
        console = consoleHolder;
    }
}
debug(false);

为了彻底，这会覆盖所有控制台方法，而不仅仅是console.log。

Answer 2

或者如果你只是想重新定义控制台的行为（例如为了添加日志） 你可以这样做：

// define a new console
var console=(function(oldCons){
    return {
        log: function(text){
            oldCons.log(text);
            // Your code
        },
        info: function (text) {
            oldCons.info(text);
            // Your code
        },
        warn: function (text) {
            oldCons.warn(text);
            // Your code
        },
        error: function (text) {
            oldCons.error(text);
            // Your code
        }
    };
}(window.console));

//Then redefine the old console
window.console = console;

Answer 3

当 url 不包含 localhost 时，这将覆盖 console.log 函数。您可以使用自己的开发设置替换 localhost。

// overriding console.log in production
if(window.location.host.indexOf('localhost:9000') < 0) {
    console.log = function(){};
}

Answer 4

这就是我所做的

    var domainNames =["fiddle.jshell.net"]; // we replace this by our production domain.

var logger = {
    force:false,
    original:null,
    log:function(obj)
    {
        var hostName = window.location.hostname;
        if(domainNames.indexOf(hostName) > -1)
        {
            if(window.myLogger.force === true)
            {
                window.myLogger.original.apply(this,arguments);
            }
        }else {
            window.myLogger.original.apply(this,arguments);
        }
    },
    forceLogging:function(force){
        window.myLogger.force = force;
    },
    original:function(){
        return window.myLogger.original;
    },
    init:function(){
        window.myLogger.original = console.log;
        console.log = window.myLogger.log;
    }
}

window.myLogger = logger;
console.log("this should print like normal");
window.myLogger.init();
console.log("this should not print");
window.myLogger.forceLogging(true);
console.log("this should print now");

也在这里发布。 http://bhavinsurela.com/naive-way-of-overriding-console-log/

Answer 5

看了很多帖子，我自己的解决方法如下：

脚本：

function extendConsole() {
    "use strict";
    try {
        var disabledConsoles = {};

        console.enable = function (level, enabled) {
            // Prevent errors in browsers without console[level]
            if (window.console === 'undefined' || !window.console || window.console === null) {
                window.console = {};
            }
            if (window.console[level] === 'undefined' || !window.console[level] || window.console[level] == null) {
                window.console[level] = function() {};
            }

            if (enabled) {
                if (disabledConsoles[level]) {
                    window.console[level] = disabledConsoles[level];
                }
                console.info("console." + level + "() was enabled.");
            } else {
                disabledConsoles[level] = window.console[level];
                window.console[level] = function () { };
                console.info("console." + level + "() was disabled.");
            }
        };
    } catch (exception) {
        console.error("extendConsole() threw an exception.");
        console.debug(exception);
    }
}

用法：

extendConsole();
console.enable("debug", window.debugMode);

示例：

http://jsfiddle.net/rodolphobrock/2rzxb5bo/10/

Answer 6

我建议使用：https://github.com/sunnykgupta/jsLogger

特点：

1. 它安全地覆盖了 console.log。
2. 请注意控制台是否不可用（哦，是的，您也需要考虑这一点。）
3. 存储所有日志（即使它们被禁止）以供以后检索。
4. 处理主要的控制台功能，如log、warn、error、info。

开放供修改，并会在出现新建议时更新。

免责声明：我是插件的作者。

Answer 7

把它放在文件的顶部：

var console = {};
console.log = function(){};

对于某些浏览器和缩小器，您可能需要将其应用于窗口对象。

window.console = console;

Answer 8

没有理由让所有 console.log 在 prod 环境中遍布您的项目...如果您想以正确的方式执行此操作，请使用“drop_console”选项将UglifyJS2 添加到您的部署过程中。

Answer 9

我使用类似于 posit labs 的东西。将控制台保存在一个闭包中，您就可以在一个可移植的功能中拥有一切。

var GlobalDebug = (function () {
    var savedConsole = console;
    return function(debugOn,suppressAll){
        var suppress = suppressAll || false;
        if (debugOn === false) {
            console = {};
            console.log = function () { };
            if(suppress) {
                console.info = function () { };
                console.warn = function () { };
                console.error = function () { };
            } else {
                console.info = savedConsole.info;
                console.warn = savedConsole.warn;
                console.error = savedConsole.error;              
            }
        } else {
            console = savedConsole;
        }
    }
})();

只需执行 globalDebug(false) 即可关闭日志消息，或者执行 globalDebug(false,true) 即可删除所有控制台消息。

Answer 10

如果不再需要，您还可以使用正则表达式删除代码中的所有 console.log() 调用。任何体面的 IDE 都允许您在整个项目中搜索和替换这些内容，并允许您在提交更改之前预览匹配项。

\s*console\.log\([^)]+\);

Answer 11

您可以查看UglifyJS: http://jstarrdewar.com/blog/2013/02/28/use-uglify-to-automatically-strip-debug-messages-from-your-javascript/, https://github.com/mishoo/UglifyJS 我还没试过。

引用，

 if (typeof DEBUG === 'undefined') DEBUG = true; // will be removed

 function doSomethingCool() {
     DEBUG && console.log("something cool just happened"); // will be removed }

...日志消息行将被 Uglify 的死代码移除器移除 （因为它将删除任何将始终评估为的条件 错误的）。第一个条件也是如此。但是当你测试为 未压缩的代码，DEBUG 会从 undefined 开始，第一个 条件将其设置为 true，并且您的所有 console.log() 消息 会工作的。

Answer 12

请记住，使用此方法，每个 console.log 调用仍会调用一个（空）函数，从而导致开销，如果有 100 个 console.log 命令，您仍然会调用 100 个空白函数。

不确定这会导致多少开销，但会有一些开销，最好有一个标志来打开调试，然后使用类似以下内容的东西：

var debug=true; if (debug) console.log('blah')

Answer 13

console.log = function(){};

像其他任何东西一样覆盖它。