注意:在您的产品代码中保留对控制台的调用将导致您的站点在Internet Explorer中崩溃。永远不要打开包装。参见:https://web.archive.org/web/20150908041020/blog.patspam.com/2009/the-curse-of-consolelog

当我开始console.log进行调试时，我真的觉得web编程很容易。

var i;

如果我想检查i运行时的值..

console.log(i);

您可以在firebug的console选项卡中检查I的当前值。它是专门用于调试。

A point of confusion sometimes is that to log a text message along with the contents of one of your objects using console.log, you have to pass each one of the two as a different argument. This means that you have to separate them by commas because if you were to use the + operator to concatenate the outputs, this would implicitly call the .toString() method of your object. This in most cases is not explicitly overriden and the default implementation inherited by Object doesn't provide any useful information.

在控制台尝试的例子:

>>> var myObj = {foo: 'bar'}
undefined
>>> console.log('myObj is: ', myObj);
myObj is: Object { foo= "bar"}

然而，如果你试图连接信息文本消息与对象的内容，你会得到:

>>> console.log('myObj is: ' + myObj);
myObj is: [object Object]

请记住，console。log实际上可以接受任意多的参数。

如果您的浏览器支持调试，您可以使用console.log()方法来显示JavaScript值。

用F12激活浏览器中的调试，并在调试器菜单中选择“控制台”。

JavaScript中的控制台。尝试修复或“调试”一个不起作用的JavaScript程序，并练习使用console.log()命令。根据你所使用的浏览器，有一些快捷方式可以帮助你访问JavaScript控制台:

Chrome控制台键盘快捷键

Windows操作系统:Ctrl + Shift + J Mac: Cmd + Option + J

Firefox控制台键盘快捷键

Windows: Ctrl + Shift + K Mac: Cmd + Option + K

Internet Explorer控制台键盘快捷键

F12键

Safari控制台键盘快捷键

Cmd + Option + C

在早期，JS调试是通过alert()函数执行的——现在这是一种过时的做法。

console.log()是一个函数，它在调试控制台(如Webkit或Firebug)上写入一条消息以记录日志。在浏览器中，你在屏幕上看不到任何东西。它将一条消息记录到调试控制台。它只在带有Firebug的Firefox和基于Webkit的浏览器(Chrome和Safari)中可用。它在所有IE版本中都不能很好地工作。

控制台对象是DOM的扩展。

console.log()应该仅在开发和调试期间在代码中使用。

将console.log()留在生产服务器上的javascript文件中被认为是一种坏习惯。

可以查看控制台的地方!把它们都放在一个答案里。

火狐

http://getfirebug.com/

(你现在也可以使用Firefox内置的开发工具Ctrl+Shift+J (tools > Web developer > Error Console)，但Firebug要好得多;使用Firebug)

Safari和Chrome浏览器

基本一样。

https://developers.google.com/chrome-developer-tools/docs/overview

https://developer.apple.com/technologies/safari/developer-tools.html

Internet Explorer

别忘了你可以在IE9或IE10中使用兼容性模式来调试IE7和IE8

http://msdn.microsoft.com/en-us/library/ie/gg589507 (v = vs.85) . aspx

http://msdn.microsoft.com/en-us/library/dd565628 (v = vs.85) . aspx

如果你必须在IE7中访问IE6的控制台，请使用Firebug Lite书签

http://getfirebug.com/firebuglite/寻找稳定的bookmarklet

http://en.wikipedia.org/wiki/Bookmarklet

歌剧

http://www.opera.com/dragonfly/

iOS

适用于所有iphone, iPod touch和ipad。

http://developer.apple.com/library/ios/ipad/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html

现在，在iOS 6中，你可以在OS X中通过Safari查看控制台，只要你插入你的设备。或者你也可以使用模拟器，简单地打开Safari浏览器窗口，然后转到“开发”选项卡。在那里，您可以找到让Safari检查器与您的设备通信的选项。

Windows Phone, Android

它们都没有内置控制台，也没有书签功能。所以我们用 http://jsconsole.com/类型:听，它会给你一个脚本标签放在你的HTML。从那时起，您可以在jsconsole网站中查看您的控制台。

iOS和Android

您还可以使用http://html.adobe.com/edge/inspect/访问web检查器工具和任何设备上的控制台，使用他们方便的浏览器插件。

---

旧的浏览器问题

最后，如果你使用console.log登录代码，而没有同时打开开发工具，旧版本的IE会崩溃。幸运的是，这很容易解决。在你的代码顶部使用下面的代码片段:

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

这将检查控制台是否存在，如果不存在，则将其设置为一个带有名为log的空白函数的对象。这边的窗户。Console和window.console.log从来不是真正未定义的。