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

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

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链内部。

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

var variable;

console.log(variable);

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

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

引用MDN文档

控制台-包含许多你可以调用来执行的方法 基本的调试任务，通常集中在各种日志记录上 值发送到浏览器的Web控制台。 到目前为止，最常用的方法是使用console.log 记录特定变量中包含的当前值。

如何使用Javascript?

let myString = 'Hello World';
console.log(myString);

还要记住控制台是web浏览器全局窗口对象的一部分。因此，以下内容在技术上也是正确的，但在实际场景中没有使用。

let myString = 'Hello World';
window.console.log(myString);

举个例子——假设你想知道哪行代码可以运行你的程序(在它崩溃之前!)，只需输入

console.log("You made it to line 26. But then something went very, very wrong.")

它会发布一个日志消息到浏览器的javascript控制台，例如Firebug或开发者工具(Chrome / Safari)，并将显示执行它的行和文件。

此外，当你输出一个jQuery对象时，它会在DOM中包含对该元素的引用，点击它就会在Elements/HTML选项卡中找到该元素。

您可以使用各种方法，但要注意，要在Firefox中工作，必须打开Firebug，否则整个页面将崩溃。无论你记录的是一个变量、数组、对象还是DOM元素，它都会给你一个完整的分解，包括对象的原型(总是有趣的)。您还可以包含任意数量的参数，它们将被空格替换。

console.log(  myvar, "Logged!");
console.info( myvar, "Logged!");
console.warn( myvar, "Logged!");
console.debug(myvar, "Logged!");
console.error(myvar, "Logged!");

每个命令都显示不同的标识。

你也可以使用console.profile(profileName);开始分析一个函数，脚本等。然后用console.profileEnd(profileName)结束它;它会显示在你的Chrome配置文件选项卡(不知道与FF)。

要获得完整的参考，请访问http://getfirebug.com/logging，我建议您阅读它。(跟踪、组、分析、对象检查)。

希望这能有所帮助!