我正在使用 Firebug 并且有一些语句，例如：
console.log("...");
在我的页面中。在 IE8（也可能是早期版本）中，我收到脚本错误，说“控制台”未定义。我试着把它放在我的页面顶部：
<script type="text/javascript">
if (!console) console = {log: function() {}};
</script>
我仍然得到错误。有什么办法可以摆脱错误？
问问题
254143 次
21 回答
379
尝试
if (!window.console) console = ...
无法直接引用未定义的变量。但是，所有全局变量都是与全局上下文同名的属性（window在浏览器的情况下），访问未定义的属性是可以的。
或者if (typeof console === 'undefined') console = ...，如果您想避免使用魔法变量window，请参阅@Tim Down 的回答。
于 2010-07-24T19:57:33.590 回答
322
将以下内容粘贴到 JavaScript 顶部（在使用控制台之前）：
/**
* Protect window.console method calls, e.g. console is not defined on IE
* unless dev tools are open, and IE doesn't define console.debug
*
* Chrome 41.0.2272.118: debug,error,info,log,warn,dir,dirxml,table,trace,assert,count,markTimeline,profile,profileEnd,time,timeEnd,timeStamp,timeline,timelineEnd,group,groupCollapsed,groupEnd,clear
* Firefox 37.0.1: log,info,warn,error,exception,debug,table,trace,dir,group,groupCollapsed,groupEnd,time,timeEnd,profile,profileEnd,assert,count
* Internet Explorer 11: select,log,info,warn,error,debug,assert,time,timeEnd,timeStamp,group,groupCollapsed,groupEnd,trace,clear,dir,dirxml,count,countReset,cd
* Safari 6.2.4: debug,error,log,info,warn,clear,dir,dirxml,table,trace,assert,count,profile,profileEnd,time,timeEnd,timeStamp,group,groupCollapsed,groupEnd
* Opera 28.0.1750.48: debug,error,info,log,warn,dir,dirxml,table,trace,assert,count,markTimeline,profile,profileEnd,time,timeEnd,timeStamp,timeline,timelineEnd,group,groupCollapsed,groupEnd,clear
*/
(function() {
// Union of Chrome, Firefox, IE, Opera, and Safari console methods
var methods = ["assert", "cd", "clear", "count", "countReset",
"debug", "dir", "dirxml", "error", "exception", "group", "groupCollapsed",
"groupEnd", "info", "log", "markTimeline", "profile", "profileEnd",
"select", "table", "time", "timeEnd", "timeStamp", "timeline",
"timelineEnd", "trace", "warn"];
var length = methods.length;
var console = (window.console = window.console || {});
var method;
var noop = function() {};
while (length--) {
method = methods[length];
// define undefined methods as noops to prevent errors
if (!console[method])
console[method] = noop;
}
})();
函数闭包包装器将变量范围限定为不定义任何变量。这可以防止未定义console和未定义console.debug（以及其他缺少的方法）。
编辑：我注意到HTML5 Boilerplate在其 js/plugins.js 文件中使用类似的代码，如果您正在寻找一种（可能）保持最新的解决方案。
于 2012-12-11T09:28:45.753 回答
74
另一种选择是typeof运算符：
if (typeof console == "undefined") {
this.console = {log: function() {}};
}
另一种选择是使用日志库，例如我自己的log4javascript。
于 2010-07-24T20:09:38.953 回答
47
要获得更强大的解决方案，请使用这段代码（取自 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;
}
}
}());
于 2013-06-04T11:44:10.377 回答
13
在我的脚本中，我要么使用简写：
window.console && console.log(...) // only log if the function exists
或者，如果无法编辑每个 console.log 行，我创建一个假控制台：
// check to see if console exists. If not, create an empty object for it,
// then create and empty logging function which does nothing.
//
// REMEMBER: put this before any other console.log calls
!window.console && (window.console = {} && window.console.log = function () {});
于 2010-07-24T20:08:26.597 回答
10
console.log()如果您在 IE8 中打开，则可以Developer Tools使用，也可以使用Console脚本选项卡上的文本框。
于 2011-10-26T13:25:11.733 回答
7
if (typeof console == "undefined") {
this.console = {
log: function() {},
info: function() {},
error: function() {},
warn: function() {}
};
}
于 2012-11-08T17:16:36.070 回答
7
根据之前的两个答案
和文件
- 互联网浏览器 (IE 10)
- 野生动物园 (2012. 07. 23.)
- 火狐 (2013. 05. 20.)
- Chrome (2013. 01. 25.)和Chrome (2012. 10. 04.)
- 和我的一些知识
这是该问题的最佳实现，这意味着如果确实存在一个console.log，它会通过console.log 填补不存在的方法的空白。
例如，对于 IE6/7，您可以将日志记录替换为警报（愚蠢但有效），然后包含以下怪物（我称之为 console.js）：[随意删除您认为合适的评论，我将它们留作参考，最小化器可以解决它们]：
<!--[if lte IE 7]>
<SCRIPT LANGUAGE="javascript">
(window.console = window.console || {}).log = function() { return window.alert.apply(window, arguments); };
</SCRIPT>
<![endif]-->
<script type="text/javascript" src="console.js"></script>
和console.js：
/**
* Protect window.console method calls, e.g. console is not defined on IE
* unless dev tools are open, and IE doesn't define console.debug
*/
(function() {
var console = (window.console = window.console || {});
var noop = function () {};
var log = console.log || noop;
var start = function(name) { return function(param) { log("Start " + name + ": " + param); } };
var end = function(name) { return function(param) { log("End " + name + ": " + param); } };
var methods = {
// Internet Explorer (IE 10): http://msdn.microsoft.com/en-us/library/ie/hh772169(v=vs.85).aspx#methods
// assert(test, message, optionalParams), clear(), count(countTitle), debug(message, optionalParams), dir(value, optionalParams), dirxml(value), error(message, optionalParams), group(groupTitle), groupCollapsed(groupTitle), groupEnd([groupTitle]), info(message, optionalParams), log(message, optionalParams), msIsIndependentlyComposed(oElementNode), profile(reportName), profileEnd(), time(timerName), timeEnd(timerName), trace(), warn(message, optionalParams)
// "assert", "clear", "count", "debug", "dir", "dirxml", "error", "group", "groupCollapsed", "groupEnd", "info", "log", "msIsIndependentlyComposed", "profile", "profileEnd", "time", "timeEnd", "trace", "warn"
// Safari (2012. 07. 23.): https://developer.apple.com/library/safari/#documentation/AppleApplications/Conceptual/Safari_Developer_Guide/DebuggingYourWebsite/DebuggingYourWebsite.html#//apple_ref/doc/uid/TP40007874-CH8-SW20
// assert(expression, message-object), count([title]), debug([message-object]), dir(object), dirxml(node), error(message-object), group(message-object), groupEnd(), info(message-object), log(message-object), profile([title]), profileEnd([title]), time(name), markTimeline("string"), trace(), warn(message-object)
// "assert", "count", "debug", "dir", "dirxml", "error", "group", "groupEnd", "info", "log", "profile", "profileEnd", "time", "markTimeline", "trace", "warn"
// Firefox (2013. 05. 20.): https://developer.mozilla.org/en-US/docs/Web/API/console
// debug(obj1 [, obj2, ..., objN]), debug(msg [, subst1, ..., substN]), dir(object), error(obj1 [, obj2, ..., objN]), error(msg [, subst1, ..., substN]), group(), groupCollapsed(), groupEnd(), info(obj1 [, obj2, ..., objN]), info(msg [, subst1, ..., substN]), log(obj1 [, obj2, ..., objN]), log(msg [, subst1, ..., substN]), time(timerName), timeEnd(timerName), trace(), warn(obj1 [, obj2, ..., objN]), warn(msg [, subst1, ..., substN])
// "debug", "dir", "error", "group", "groupCollapsed", "groupEnd", "info", "log", "time", "timeEnd", "trace", "warn"
// Chrome (2013. 01. 25.): https://developers.google.com/chrome-developer-tools/docs/console-api
// assert(expression, object), clear(), count(label), debug(object [, object, ...]), dir(object), dirxml(object), error(object [, object, ...]), group(object[, object, ...]), groupCollapsed(object[, object, ...]), groupEnd(), info(object [, object, ...]), log(object [, object, ...]), profile([label]), profileEnd(), time(label), timeEnd(label), timeStamp([label]), trace(), warn(object [, object, ...])
// "assert", "clear", "count", "debug", "dir", "dirxml", "error", "group", "groupCollapsed", "groupEnd", "info", "log", "profile", "profileEnd", "time", "timeEnd", "timeStamp", "trace", "warn"
// Chrome (2012. 10. 04.): https://developers.google.com/web-toolkit/speedtracer/logging-api
// markTimeline(String)
// "markTimeline"
assert: noop, clear: noop, trace: noop, count: noop, timeStamp: noop, msIsIndependentlyComposed: noop,
debug: log, info: log, log: log, warn: log, error: log,
dir: log, dirxml: log, markTimeline: log,
group: start('group'), groupCollapsed: start('groupCollapsed'), groupEnd: end('group'),
profile: start('profile'), profileEnd: end('profile'),
time: start('time'), timeEnd: end('time')
};
for (var method in methods) {
if ( methods.hasOwnProperty(method) && !(method in console) ) { // define undefined methods as best-effort methods
console[method] = methods[method];
}
}
})();
于 2013-07-24T00:12:37.150 回答
6
在IE9中，如果没有打开控制台，这段代码：
alert(typeof console);
将显示“对象”，但这段代码
alert(typeof console.log);
将抛出 TypeError 异常，但不返回未定义的值；
因此，有保证的代码版本将类似于以下内容：
try {
if (window.console && window.console.log) {
my_console_log = window.console.log;
}
} catch (e) {
my_console_log = function() {};
}
于 2012-08-17T13:23:05.703 回答
6
我只在我的代码中使用 console.log。所以我包括一个非常短的 2 班轮
var console = console || {};
console.log = console.log || function(){};
于 2013-10-08T10:35:52.487 回答
2
注意到 OP 将 Firebug 与 IE 一起使用，因此假设它是Firebug Lite。这是一个时髦的情况，因为当调试器窗口打开时，控制台在 IE 中被定义，但是当 Firebug 已经运行时会发生什么？不确定，但也许“firebugx.js”方法可能是在这种情况下测试的好方法：
来源：
https://code.google.com/p/fbug/source/browse/branches/firebug1.2/lite/firebugx.js?r=187
if (!window.console || !console.firebug) {
var names = [
"log", "debug", "info", "warn", "error", "assert",
"dir","dirxml","group","groupEnd","time","timeEnd",
"count","trace","profile","profileEnd"
];
window.console = {};
for (var i = 0; i < names.length; ++i)
window.console[names[i]] = function() {}
}
（更新链接 12/2014）
于 2014-03-11T20:02:25.513 回答
1
我正在使用fauxconsole；我稍微修改了css，使它看起来更好，但效果很好。
于 2011-11-16T08:33:55.710 回答
1
要在 IE 中进行调试，请查看此log4javascript
于 2013-02-22T04:22:16.377 回答
1
对于仅限于 console.log 的 IE8 或控制台支持（无调试、跟踪等），您可以执行以下操作：
如果控制台或 console.log 未定义：为控制台函数创建虚拟函数（跟踪、调试、日志......）
window.console = { debug : function() {}, ...};否则，如果定义了console.log（IE8）并且未定义console.debug（任何其他）：将所有日志记录功能重定向到console.log，这允许保留这些日志！
window.console = { debug : window.console.log, ...};
不确定各种 IE 版本中的断言支持，但欢迎提出任何建议。还在此处发布了此答案：如何在 Internet Explorer 中使用控制台日志记录？
于 2013-04-09T10:32:24.480 回答
1
console = console || {
debug: function(){},
log: function(){}
...
}
于 2013-10-16T16:10:26.107 回答
1
TypeScript 中的控制台存根：
if (!window.console) {
console = {
assert: () => { },
clear: () => { },
count: () => { },
debug: () => { },
dir: () => { },
dirxml: () => { },
error: () => { },
group: () => { },
groupCollapsed: () => { },
groupEnd: () => { },
info: () => { },
log: () => { },
msIsIndependentlyComposed: (e: Element) => false,
profile: () => { },
profileEnd: () => { },
select: () => { },
time: () => { },
timeEnd: () => { },
trace: () => { },
warn: () => { },
}
};
于 2017-05-04T16:38:42.403 回答
0
您可以使用以下内容为您提供所有基础的额外保险。首先使用typeof将避免任何undefined错误。使用===还将确保类型的名称实际上是字符串“未定义”。最后，您需要向函数签名添加一个参数（我是logMsg任意选择的）以确保一致性，因为您确实将要打印到控制台的任何内容传递给日志函数。这也可以让您的智能感知准确，并避免您的 JS IDE 中的任何警告/错误。
if(!window.console || typeof console === "undefined") {
var console = { log: function (logMsg) { } };
}
于 2013-02-04T23:32:41.523 回答
0
有时控制台可以在 IE8/9 中工作，但有时会失败。这种不稳定的行为取决于您是否打开了开发人员工具，并且在 stackoverflow 问题IE9 是否支持 console.log 中进行了描述，它是一个真正的功能吗？
于 2014-01-29T09:51:14.997 回答
0
在 IE9 的子窗口中运行 console.log 遇到了类似的问题，由 window.open 函数创建。
在这种情况下，控制台似乎仅在父窗口中定义，在子窗口中未定义，直到您刷新它们。同样适用于子窗口的子级。
我通过在下一个函数中包装日志来处理这个问题（下面是模块的片段）
getConsole: function()
{
if (typeof console !== 'undefined') return console;
var searchDepthMax = 5,
searchDepth = 0,
context = window.opener;
while (!!context && searchDepth < searchDepthMax)
{
if (typeof context.console !== 'undefined') return context.console;
context = context.opener;
searchDepth++;
}
return null;
},
log: function(message){
var _console = this.getConsole();
if (!!_console) _console.log(message);
}
于 2014-05-07T09:14:59.317 回答
-2
在这个东西遇到了这么多问题之后（很难调试错误，因为如果你打开开发者控制台，错误就不会再发生了！）我决定编写一个矫枉过正的代码，再也不用为此烦恼了：
if (typeof window.console === "undefined")
window.console = {};
if (typeof window.console.debug === "undefined")
window.console.debug= function() {};
if (typeof window.console.log === "undefined")
window.console.log= function() {};
if (typeof window.console.error === "undefined")
window.console.error= function() {alert("error");};
if (typeof window.console.time === "undefined")
window.console.time= function() {};
if (typeof window.console.trace === "undefined")
window.console.trace= function() {};
if (typeof window.console.info === "undefined")
window.console.info= function() {};
if (typeof window.console.timeEnd === "undefined")
window.console.timeEnd= function() {};
if (typeof window.console.group === "undefined")
window.console.group= function() {};
if (typeof window.console.groupEnd === "undefined")
window.console.groupEnd= function() {};
if (typeof window.console.groupCollapsed === "undefined")
window.console.groupCollapsed= function() {};
if (typeof window.console.dir === "undefined")
window.console.dir= function() {};
if (typeof window.console.warn === "undefined")
window.console.warn= function() {};
就我个人而言，我只使用过console.log 和console.error，但是这段代码处理了Mozzila 开发者网络中显示的所有其他功能：https ://developer.mozilla.org/en-US/docs/Web/API/console . 只需将该代码放在页面顶部，您就可以永远完成此操作。
于 2013-08-30T20:51:07.393 回答
-11
您可以直接在 Firefox 中使用 console.log(...)，但不能在 IE 中使用。在 IE 中，您必须使用 window.console。
于 2010-07-27T03:09:22.290 回答