JavaScript 调试

程序或脚本中的错误称为bug。

调试(Debugging)是测试，发现和减少计算机程序中的错误（bug）的过程。

JavaScript调试器

所有主流浏览器都具有内置的JavaScript调试器。

可以打开和关闭内置调试器，从而将错误报告给用户。

使用调试器，您可以在某些断点（可以停止执行代码的位置）处暂停代码。

一旦执行停止，您可以检查脚本的状态及其变量，以确定是否有问题。

您还可以观察变量值的变化过程。

console.log()方法

如果您的浏览器支持调试，则可以用来console.log()在调试器窗口中显示JavaScript值：

let x = 50;
let y = 20;
let z = x + y;

console.log(z);

要访问Web浏览器的控制台，请先按F12键盘上的键，然后单击“控制台”选项卡。

调试器(debugger)关键字

debugger关键字调用的任何可用的调试功能性，如设置一个断点。

如果没有可用的调试功能，则此语句无效。

以下示例显示了在其中debugger插入语句以调用调试器的代码：

var a = 50 + 20;
debugger;
document.getElementById("output").innerHTML = a;

调用调试器时，该debugger语句的执行将暂停。这就像脚本源中的断点。

主要浏览器的调试工具

通常，您使用激活浏览器F12中的调试，然后在调试器菜单中选择“控制台”。

否则，请按照下列步骤操作：

Chrome

• 打开浏览器

• 从菜单中，选择“更多工具”

• 从工具中，选择“开发人员工具”

• 最后，选择控制台

FireFox

• 打开浏览器

• 从菜单中选择“ Web开发人员”

• 最后，选择“ Web控制台”

Edge

• 打开浏览器

• 从菜单中选择“开发人员工具”

• 最后，选择“控制台”

Opera

• 打开浏览器

• 从菜单中选择“开发人员”

• 从“开发人员”中，选择“开发人员工具”
  

• 最后，选择“控制台”

Safari

• 转到主菜单中的Safari，首选项，高级

• 选中“在菜单栏中启用显示开发菜单”

• 当新选项“开发”出现在菜单中时：
  选择“显示错误控制台”