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;

　

主要浏览器的调试工具

了解更多JavaScript

 
 
posted @ 2019-10-14 09:03  web小哥  阅读(209)  评论(0)  编辑  收藏  举报