JavaScript 调试
错误在所难免，每次编写新的计算机代码时都会发生。
代码调试
编程代码可能包含语法错误或逻辑错误。
其中许多错误都难以诊断。
通常，当编程代码包含错误时，什么也不会发生。没有错误消息，您也无法知道在哪里查找错误。
搜索（并修复）编程代码中的错误称为代码调试。
JavaScript 调试器
调试并不容易。但幸运的是，所有现代浏览器都内置了 JavaScript 调试器。
内置调试器可以打开和关闭，强制将错误报告给用户。
使用调试器，您还可以设置断点（代码执行可以停止的地方），并在代码执行时检查变量。
通常（否则请遵循本页底部的步骤），您可以使用 F12 键在浏览器中激活调试，并在调试器菜单中选择“Console”（控制台）。
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 Reference（JavaScript 控制台参考）中阅读有关 console.log() 方法的更多信息。
设置断点
在调试器窗口中，您可以在 JavaScript 代码中设置断点。
在每个断点处，JavaScript 将停止执行，让您检查 JavaScript 值。
检查完值后，您可以恢复代码的执行（通常使用播放按钮）。
debugger 关键字
debugger 关键字会停止 JavaScript 的执行，并调用（如果可用）调试函数。
这与在调试器中设置断点具有相同的功能。
如果没有可用的调试器，debugger 语句将不起作用。
当打开调试器时，此代码将在执行第三行之前停止执行。
主要浏览器的调试工具
通常，您可以使用 F12 键在浏览器中激活调试，并在调试器菜单中选择“Console”（控制台）。
否则，请遵循以下步骤：
Chrome
- 打开浏览器。
- 从菜单中选择“更多工具”。
- 从工具中选择“开发者工具”。
- 最后，选择 Console（控制台）。
Firefox
- 打开浏览器。
- 从菜单中选择“Web Developer”（Web 开发者）。
- 最后，选择“Web Console”（Web 控制台）。
Edge
- 打开浏览器。
- 从菜单中选择“Developer Tools”（开发者工具）。
- 最后，选择 Console（控制台）。
Opera
- 打开浏览器。
- 从菜单中选择“Developer”（开发者）。
- 从“Developer”（开发者）中，选择“Developer tools”（开发者工具）。
- 最后，选择 Console（控制台）。
Safari
- 转到 Safari，在主菜单中选择 Preferences（偏好设置），然后选择 Advanced（高级）。
- 勾选“Enable Show Develop menu in menu bar”（启用在菜单栏中显示开发菜单）。
- 当菜单中出现新选项“Develop”（开发）时，
选择“Show Error Console”（显示错误控制台）。
您知道吗？
调试是测试、查找和减少计算机程序中的 bug（错误）的过程。
第一个已知的计算机 bug 实际上是一个真正的 bug（昆虫）卡在电子设备中。
