在 IE 中测试 console.log 语句 [重复]

Question

可能重复：
'console' is undefined error for internet explorer

如果您的代码中有console.log 语句，Internet Explorer 将引发 JavaScript 错误（至少在我们的 Intranet 用户已安装的 IE7 中）。

我使用 Firefox 进行大部分开发测试主要是因为 Firebug 提供的功能（我在其中使用了很多控制台语句），但我还需要在 IE 中进行测试。

如果我将以下内容添加到我的 JavaScript，则不会引发错误。

var debugging = false;
if (typeof console == "undefined") 
    var console = { log: function() {} };  

问题是如果调试模式为假，我想触发一个事件。如果我创建一个函数来测试调试是否为假并执行一个操作（此时只是一个警报），但是当我尝试执行以下操作时，我收到一个 IE 错误，提示 Console is not defined。。 p>

var debugging = false; // or true   
if (typeof console == "undefined") 
    var console = { log: function() {consoleMsg()} };   

function consoleMsg() {
    if(!debugging) {
    alert('Console.log event in Production Code');
}   

如果有人可以帮助我修复我的代码，提供更好的方法来帮助我实现目标，或者指导我获得自学的资源，我将非常感激。

Answer 1

您不必跳过所有这些障碍。只需在使用前检查控制台是否存在。

所以，而不是：

console.log('foo');

用途：

window.console && console.log('foo');

...你不会得到任何错误。

---

或者，您可以在脚本顶部检查它，如果它未定义，只需用一个空函数填充它：

// At the top of your script:
if ( ! window.console ) console = { log: function(){} };
// If you use other console methods, add them to the object literal above

// Then, anywhere in your script:
console.log('This message will be logged, but will not cause an error in IE7');

---

要获得更强大的解决方案，请使用这段代码（取自 twitter 的源代码）：

// Avoid `console` errors in browsers that lack a console.
(function() {
    var method;
    var noop = function () {};
    var methods = [
        'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
        'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
        'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
        'timeStamp', 'trace', 'warn'
    ];
    var length = methods.length;
    var console = (window.console = window.console || {});

    while (length--) {
        method = methods[length];

        // Only stub undefined methods.
        if (!console[method]) {
            console[method] = noop;
        }
    }
}());

Answer 2

'console' 本身需要是一个函数，'log' 也是如此。所以：

if(typeof(console) === 'undefined') {
    console = function(){};
    console.log = function(){consoleMsg()};
}   

Answer 3

你试过try-catch:

var debugging = false; // or true 
try {  
    console.log();
} catch(ex) {
    /*var*/ console = { log: function() {consoleMsg()} };   
}

Answer 4

(function(debug) {
    var console;

    function wrapConsoleMethod(fnName) {
        if(fnName in console)
            console[ fnName ] = function(fn) {
                return function() {
                    if(debug)
                        return fn.apply(console, arguments);
                    else
                        alert('Console event in Production Code');
                };
            }(console[ fnName ]);
        else
            ; // fn not in console
    };

    if(!('console' in window))
        window.console = {
            log : function() {}
            // ...
        };
    console = window.console;
    wrapConsoleMethod('log');
    // ...
})(true /* debug */);

console.log('test');