程序或脚本中的错误称为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，首选项，高级
-
选中“在菜单栏中启用显示开发菜单”
-
当新选项“开发”出现在菜单中时：
选择“显示错误控制台”