代码调试
编程代码可能包含语法错误或逻辑错误。
其中许多错误很难诊断。
通常,当编程代码包含错误时,什么都不会发生。没有错误消息,并且您不会得到在哪里搜索错误的指示。
在编程代码中搜索(并修复)错误称为代码调试。
JavaScript 调试器
调试并不容易。但幸运的是,所有现代浏览器都有内置的 JavaScript 调试器。
可以打开和关闭内置调试器,强制向用户报告错误。
使用调试器,您还可以设置断点(可以停止代码执行的地方),并在代码执行时检查变量。
通常,否则按照本页底部的步骤,在浏览器中使用 F12 键激活调试,然后在调试器菜单中选择“控制台”。
console.log() 方法
如果您的浏览器支持调试,您可以使用console.log()
在调试器窗口中显示 JavaScript 值:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
设置断点
在调试器窗口中,您可以在 JavaScript 代码中设置断点。
在每个断点处,JavaScript 将停止执行,并让您检查 JavaScript 值。
检查值后,您可以恢复代码的执行(通常使用播放按钮)。
调试器关键字
debugger
关键字停止 JavaScript的执行,并调用(如果可用)调试函数。
这与在调试器中设置断点具有相同的功能。
如果没有可用的调试,则调试器语句无效。
打开调试器后,此代码将在执行第三行之前停止执行。
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
主要浏览器的调试工具
通常,您在浏览器中使用 F12 激活调试,然后在调试器菜单中选择“控制台”。
否则请按照以下步骤操作:
铬合金
- 打开浏览器。
- 从菜单中选择“更多工具”。
- 从工具中,选择“开发者工具”。
- 最后,选择控制台。
火狐
- 打开浏览器。
- 从菜单中选择“Web 开发人员”。
- 最后,选择“Web 控制台”。
边缘
- 打开浏览器。
- 从菜单中,选择“开发者工具”。
- 最后,选择“控制台”。
歌剧
- 打开浏览器。
- 从菜单中选择“开发人员”。
- 从“开发人员”中,选择“开发人员工具”。
- 最后,选择“控制台”。
苹果浏览器
- 转到主菜单中的 Safari、首选项、高级。
- 选中“在菜单栏中启用显示开发菜单”。
- 当新选项“开发”出现在菜单中时:
选择“显示错误控制台”。