欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >
JavaScript中F12调试器,debugger设置断点
在没有调试器的情况下写 JavaScript 是有难度的。
 
您的代码中也许包含了语法错误,或者逻辑错误,这些都难以诊断。
 
通常,如果 JavaScript 代码包含错误,也不会发生任何事情。不会有错误消息,并且不会有任何可供查找错误的指示信息。
 
通常,每当你尝试编写新的 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 关键词
debugger 关键词会停止 JavaScript 的执行,并调用(如果有)调试函数。
 
这与在调试器中设置断点的功能是一样的。
 
如果调试器不可用,debugger 语句没有效果。
 
如果调试器已打开,此代码会在执行第三行之前停止运行。
 
实例
var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x; 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64459.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。