window.console.log
Internet Explorer 9 在什么情况下定义?
即使window.console.log
被定义,window.console.log.apply
并且window.console.log.call
是不确定的。为什么是这样?
[有关IE8的相关问题:IE8 中console.log发生了什么?。]
window.console.log
Internet Explorer 9 在什么情况下定义?
即使window.console.log
被定义,window.console.log.apply
并且window.console.log.call
是不确定的。为什么是这样?
[有关IE8的相关问题:IE8 中console.log发生了什么?。]
Answers:
在Internet Explorer 9(和8)中,console
仅在为特定选项卡打开开发人员工具时才显示对象。如果隐藏该选项卡的开发人员工具窗口,则该console
对象在您浏览到的每个页面上均保持暴露状态。如果打开一个新选项卡,则还必须打开该选项卡的开发人员工具,以便console
暴露该对象。
该console
对象不是任何标准的一部分,并且是文档对象模型的扩展。与其他DOM对象一样,它也被视为宿主对象,并且不需要像本机ECMAScript函数和对象一样继承自Object
,也不需要继承其方法Function
。这就是原因apply
,call
并且在这些方法上未定义。在IE 9中,大多数DOM对象已得到改进,可以从本地ECMAScript类型继承。由于开发人员工具被认为是IE的扩展(尽管是内置扩展),因此它们显然没有获得与DOM其余部分相同的改进。
对于它的价值,您仍然可以Function.prototype
在console
带有一点bind()
魔术的方法上使用一些方法:
var log = Function.prototype.bind.call(console.log, console);
log.apply(console, ["this", "is", "a", "test"]);
//-> "thisisatest"
console
对象也是如此。
解决这个console.log问题的简单方法是在JS代码的开头定义以下内容:
if (!window.console) window.console = {};
if (!window.console.log) window.console.log = function () { };
这适用于所有浏览器。当调试器未激活时,这将为console.log创建一个伪函数。当调试器处于活动状态时,将定义方法console.log并正常执行。
我知道这是一个非常老的问题,但是觉得这为如何处理控制台问题添加了一个有价值的选择。将以下代码放在对控制台的任何调用之前。*(因此是您的第一个脚本)。
// 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
阅读以上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);
}
}
}
Function.prototype.apply.call(console.log, console, arguments);