IE9是否支持console.log,它是真正的功能吗?


209

window.console.logInternet Explorer 9 在什么情况下定义?

即使window.console.log被定义,window.console.log.apply并且window.console.log.call是不确定的。为什么是这样?

[有关IE8的相关问题:IE8 中console.log发生了什么?。]


3
查阅有关IE8-9控制台对象/功能的复杂性的精彩文章:whattheheadsaid.com/2011/04/…–
Marc Climent


@MarcCliment链接已死
chakeda '18

@chakeda我讨厌当这种情况发生,有从Web归档文件的链接:web.archive.org/web/20140625085155/http://whattheheadsaid.com/...
马克了基石

Answers:


299

在Internet Explorer 9(和8)中,console仅在为特定选项卡打开开发人员工具时才显示对象。如果隐藏该选项卡的开发人员工具窗口,则该console对象在您浏览到的每个页面上均保持暴露状态。如果打开一个新选项卡,则还必须打开该选项卡的开发人员工具,以便console暴露该对象。

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

对于它的价值,您仍然可以Function.prototypeconsole带有一点bind()魔术的方法上使用一些方法:

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

2
对于Firebug的console对象也是如此。
马塞尔·科佩尔

150
我可以骄傲地说,在我为Web开发的多年中,我假设console.log受所有主要浏览器的支持。我花了一天的时间弄清楚为什么IE9不喜欢我的脚本,现在我知道为什么了-第一步就有了console.log。不能调试,因为打开调试模式使该错误立即消失了:P感谢您的澄清!
f055 2012年

2
昨天有同样的问题。安装DebugBar可以帮助我更快,因为它没有定义控制台对象。因此,当我隐藏IE控制台而不是DebugBar时,我从后者收到一条消息,提示存在JavaScript错误(未定义控制台)。
西蒙·埃格斯特

您应该在IE @ f055上第一次遇到问题时就已经检查了错误日志
Lucky Ali

7
Internet选项->高级->显示有关每个脚本错误的通知。Web开发人员应始终将此内容保留在IE中。这将通知您有关控制台的信息,或者未定义日志功能……无法准确记住该消息。
赛斯·

166

解决这个console.log问题的简单方法是在JS代码的开头定义以下内容:

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

这适用于所有浏览器。当调试器未激活时,这将为console.log创建一个伪函数。当调试器处于活动状态时,将定义方法console.log并正常执行。


8
更多信息和更强大的控制台置换(包括其他控制台方法)位置:stackoverflow.com/questions/8002116/...
扎克Lysobey

@ZachL:具体是哪一个?
哈克(Hakre)2015年


13

我知道这是一个非常老的问题,但是觉得这为如何处理控制台问题添加了一个有价值的选择。将以下代码放在对控制台的任何调用之前。*(因此是您的第一个脚本)。

// 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


10

仅在打开控制台时定义console.log。如果要在代码中检查它,请确保在window属性中检查它

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

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

if (console) 
    console.log(msg)

6

阅读以上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);
        }
    }
}

1
JustFunction.prototype.apply.call(console.log, console, arguments);
Victor,

@Victor绝对应该是唯一被接受的答案!
帕维尔·弗兰科夫(Favel Frankov)2015年

0

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


-1

怎么样...

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

1
在某些情况下,这可能是一个可行的解决方法,但是您实际上并未解决此问题。
pswg
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.