JavaScript调试

allway2

已于 2022-03-31 12:39:29 修改

阅读量284

点赞数

文章标签： javascript

于 2022-03-31 12:39:00 首次发布

本文链接：https://blog.csdn.net/allway2/article/details/123868912

版权

编程代码可能包含语法错误或逻辑错误。

其中许多错误很难诊断。

通常，当编程代码包含错误时，什么都不会发生。没有错误消息，并且您不会得到在哪里搜索错误的指示。

在编程代码中搜索（并修复）错误称为代码调试。

调试并不容易。但幸运的是，所有现代浏览器都有内置的 JavaScript 调试器。

可以打开和关闭内置调试器，强制向用户报告错误。

使用调试器，您还可以设置断点（可以停止代码执行的地方），并在代码执行时检查变量。

通常，否则按照本页底部的步骤，在浏览器中使用 F12 键激活调试，然后在调试器菜单中选择“控制台”。

如果您的浏览器支持调试，您可以使用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 激活调试，然后在调试器菜单中选择“控制台”。

否则请按照以下步骤操作：

关注