一、前言
在编写JavaScript
代码的时候,如果没有调试工具将是一件很痛苦的事情
同时,没有调试工具
是很难去编写JavaScript代码的
在程序代码中寻找错误
叫做代码调试
浏览器启用调试工具一般是按下F12
,然后在调试菜单中选择console
二、调试方法介绍
(1)console.log
方法:可以在调试窗口上打印JavaScript值
demo:
a = 5;
b = 6;
c = a + b;
console.log(c);
此时调试窗口会输出11
(2)设置断点:
在调试窗口中,你可以设置 JavaScript 代码的断点。
在每个断点上,都会停止执行 JavaScript 代码,以便于我们检查 JavaScript 变量的值。
在检查完毕后,可以重新执行代码(如播放按钮)。
(3)debugger
关键字:
debugger 关键字用于停止执行 JavaScript,并调用调试函数。
这个关键字与在调试工具中设置断点的效果是一样的。
如果没有调试可用,debugger 语句将无法工作。
开启 debugger ,代码在第三行前停止执行。
demo:
var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;