JavaScript 调试
每次编写新的计算机代码时，都会出现（将会出现）错误。
代码调试
编程代码可能包含语法错误或逻辑错误。
许多这些错误很难诊断。
通常，当编程代码包含错误时，不会发生任何事情。没有错误消息，您将无法获得任何指示来搜索错误。
搜索（并修复）编程代码中的错误称为代码调试。
JavaScript 调试器
调试并不容易。但幸运的是，所有现代浏览器都内置了 JavaScript 调试器。
内置调试器可以打开和关闭，迫使错误报告给用户。
使用调试器，您还可以设置断点（代码执行可以停止的位置），并在代码执行时检查变量。
通常（否则请按照此页面底部的步骤操作），您可以使用 F12 键在浏览器中激活调试，并在调试器菜单中选择“控制台”。
console.log() 方法
如果您的浏览器支持调试，您可以使用 console.log() 在调试器窗口中显示 JavaScript 值
示例
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个网页</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
自己试一试 »
提示：在我们的 JavaScript 控制台参考 中了解更多关于 console.log() 方法的信息。
设置断点
在调试器窗口中，您可以在 JavaScript 代码中设置断点。
在每个断点处，JavaScript 将停止执行，并允许您检查 JavaScript 值。
检查完值后，您可以恢复代码的执行（通常使用播放按钮）。
debugger 关键字
The debugger 关键字会停止 JavaScript 的执行，并调用（如果可用）调试函数。
这与在调试器中设置断点具有相同的功能。
如果没有可用的调试，debugger 语句将不起作用。
调试器打开后，这段代码将在执行第三行之前停止执行。
主要浏览器的调试工具
通常，您可以使用 F12 键在浏览器中激活调试，并在调试器菜单中选择“控制台”。
否则，请按照以下步骤操作
Chrome
- 打开浏览器。
- 从菜单中选择“更多工具”。
- 从工具中选择“开发者工具”。
- 最后，选择控制台。
Firefox
- 打开浏览器。
- 从菜单中选择“Web 开发者”。
- 最后，选择“Web 控制台”。
Edge
- 打开浏览器。
- 从菜单中选择“开发者工具”。
- 最后，选择“控制台”。
Opera
- 打开浏览器。
- 从菜单中选择“开发者”。
- 从“开发者”中选择“开发者工具”。
- 最后，选择“控制台”。
Safari
- 转到 Safari、偏好设置、主菜单中的高级。
- 选中“在菜单栏中启用显示开发菜单”。
- 当菜单中出现新的选项“开发”时
选择“显示错误控制台”。
您知道吗？
调试是测试、查找和减少计算机程序中错误的过程。
第一个已知的计算机错误是一个真正的错误（一只昆虫）卡在电子设备中。
