如果您的浏览器支持调试，您可以使用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

使用console.log向页面添加调试信息。

许多人使用alert(hasNinjas)来实现这一目的，但是console.log(hasNinjas)更容易使用。使用警报弹出一个模态对话框，阻止用户界面。

编辑:我同意巴蒂斯特·佩尔内特和扬·汉尼克的观点，检查窗口是一个非常好的主意。首先定义Console，以便在没有可用的控制台时代码不会中断。

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

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

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

控制台对象是DOM的扩展。

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

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

引用MDN文档

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

如何使用Javascript?

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

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

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

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

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

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

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

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