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

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

控制台对象是DOM的扩展。

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

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

console.log将调试信息记录到某些浏览器(安装了Firebug的Firefox, Chrome, IE8，任何安装了Firebug Lite的浏览器)的控制台。在Firefox上，它是一个非常强大的工具，允许您检查对象或HTML元素的布局或其他属性。它与jQuery无关，但在使用jQuery时，通常会做两件事:

为Firebug安装firerequery扩展。除了其他优点外，这使得jQuery对象的日志记录看起来更好。 创建一个更符合jQuery链接代码约定的包装器。

这通常是这样的意思:

$.fn.log = function() {
    if (window.console && console.log) {
        console.log(this);
    }
    return this;
}

你可以调用它，比如

$('foo.bar').find(':baz').log().hide();

轻松检查jQuery链内部。

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实际上可以接受任意多的参数。

您可以使用它在Firefox的Firebug或WebKit浏览器的JavaScript控制台中调试JavaScript代码。

var variable;

console.log(variable);

它将显示变量的内容，即使它是一个数组或对象。

它类似于print_r($var);PHP。

jQuery没有什么可做的，如果你想使用它，我建议你去做

if (window.console) {
    console.log("your message")
}

因此，当代码不可用时，您不会破坏代码。

正如评论中所建议的，您也可以在一个地方执行该命令，然后正常使用console.log

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

log是开发人员编写代码的一种方法，它可以不引人注目地通知开发人员代码正在做什么。它可以用来提醒您存在问题，但在调试代码时不应该取代交互式调试器。它的异步性质意味着记录的值不一定代表调用方法时的值。

简而言之:使用console.log(如果可用)记录错误，然后使用您选择的调试器:Firebug, WebKit开发工具(Safari和Chrome内置)，IE开发工具或Visual Studio修复错误。