IE9是否支持console.log，它是一个真正的功能吗？

Question

在 Internet Explorer 9 中，window.console.log 是在哪些情况下定义的？

即使定义了window.console.log，window.console.log.apply 和window.console.log.call 也未定义。这是为什么呢？

[IE8相关问题：What happened to console.log in IE8?.]

Answer 1

在 Internet Explorer 9（和 8）中，console 对象仅在针对特定选项卡打开开发人员工具时公开。如果您隐藏该选项卡的开发人员工具窗口，console 对象对于您导航到的每个页面都会保持公开。如果您打开一个新选项卡，您还必须打开该选项卡的开发人员工具，以便公开 console 对象。

console 对象不是任何标准的一部分，它是文档对象模型的扩展。与其他 DOM 对象一样，它被视为宿主对象，不需要从 Object 继承，也不需要从 Function 继承其方法，就像原生 ECMAScript 函数和对象一样。这就是 apply 和 call 在这些方法上未定义的原因。在 IE 9 中，大多数 DOM 对象都被改进为继承自原生 ECMAScript 类型。由于开发人员工具被认为是 IE 的扩展（尽管是内置扩展），因此它们显然没有获得与 DOM 其余部分相同的改进。

对于它的价值，您仍然可以在 console 方法上使用一些 Function.prototype 方法和一点 bind() 魔法：

var log = Function.prototype.bind.call(console.log, console);
log.apply(console, ["this", "is", "a", "test"]);
//-> "thisisatest"

Answer 2

这个console.log问题的一个简单解决方案是在你的JS代码开头定义如下：

if (!window.console) window.console = {};
if (!window.console.log) window.console.log = function () { };

这适用于所有浏览器。当调试器不活动时，这会为 console.log 创建一个虚拟函数。当调试器处于活动状态时，方法console.log被定义并正常执行。

Answer 3

我知道这是一个非常古老的问题，但觉得这增加了如何处理控制台问题的有价值的替代方案。将以下代码放在对控制台的任何调用之前。*（所以你的第一个脚本）。

// 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;
        }
    }
}());

参考：
https://github.com/h5bp/html5-boilerplate/blob/v5.0.0/dist/js/plugins.js

Answer 4

console.log 仅在控制台打开时定义。如果您想在代码中检查它，请确保在窗口属性中检查它

if (window.console)
    console.log(msg)

这会在 IE9 中引发异常并且无法正常工作。不要这样做

if (console) 
    console.log(msg)

Answer 5

在阅读了上述 Marc Cliament 评论中的文章后，我现在将我的通用跨浏览器 console.log 函数更改为如下所示：

function log()
{
    "use strict";

    if (typeof(console) !== "undefined" && console.log !== undefined)
    {
        try
        {
            console.log.apply(console, arguments);
        }
        catch (e)
        {
            var log = Function.prototype.bind.call(console.log, console);
            log.apply(console, arguments);
        }
    }
}

Answer 6

我想提一下，如果您在所有版本的 Windows 上关闭开发人员工具的情况下使用 console.log，IE9 不会引发错误。在 XP 上可以，但在 Windows 7 上却不行。 因此，如果您通常放弃对 WinXP 的支持，直接使用 console.log 就可以了。

Answer 7

怎么样...

console = { log : function(text) { alert(text); } }