上一节:
下一节:

  JavaScript 调试

  • JavaScript调试

    编程代码可能包含语法错误或逻辑错误。其中许多错误很难诊断。通常，当编程代码包含错误时，不会发生任何事情。没有错误消息，您将无法在何处搜索错误。在编程代码中搜索（和修复）错误称为代码调试。调试并不容易。但幸运的是，所有现代浏览器都有内置的JavaScript调试器。可以打开和关闭内置调试器，强制将错误报告给用户。使用调试器，您还可以设置断点（可以停止代码执行的位置），并在代码执行时检查变量。通常，按照本页底部的步骤操作，使用F12键在浏览器中激活调试，然后在调试器菜单中选择“控制台（console）”。

  • 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关键字

    debugger关键字停止执行JavaScript，并调用（如果可用）调试功能。这与在调试器中设置断点的功能相同。如果没有可用的调试，则调试器语句无效。打开调试器后，此代码将在执行第三行之前停止执行。 
    var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
    尝试一下

  • 主要浏览器的调试工具

    通常，您使用F12在浏览器中激活调试，并在调试器菜单中选择“控制台”。请按照以下步骤操作：

    Chrome

    • 打开浏览器。
    • 从菜单中选择“更多工具”。
    • 从工具中，选择“开发人员工具”。
    • 最后，选择Console。

    Firefox

    • 打开浏览器。
    • 从菜单中选择“Web Developer”。
    • 最后，选择“Web控制台”。

    Edge

    • 打开浏览器。
    • 从菜单中选择“开发人员工具”。
    • 最后，选择“控制台”。

    Opera

    • 打开浏览器。
    • 从菜单中选择“开发人员”。
    • 从“开发人员”中，选择“开发人员工具”。
    • 最后，选择“控制台”。

    Safari

    • 在主菜单中转到Safari，首选项，高级。
    • 选中“在菜单栏中启用Show Develop菜单”。
    • 当菜单中出现新选项“Develop”时：
    • 选择“Show Error Console”。
    调试是测试，查找和减少计算机程序中的错误（Error）的过程。第一个已知的计算机错误是卡在电子设备中的真正的错误（昆虫）。
上一节:
下一节: