最初级: alert() 初级: console.log() 高级: 断点设置和调试

设置断点:

打来js文件. 行号左边: 点击 就可以设置删除断点

断点列表 Breakpoints

断点定位

每个断点都会显示在 Breakpoints 列表中 点击对应的断点 就会快速定位到到对应的断点位置.

断点状态: 对于每个已添加的断点都有两种状态:激活和禁用。 刚添加的断点都是激活状态, 禁用状态就是保留断点但临时取消该断点功能。

激活断点: 列表中响应断点打勾 禁用断点: 列表中响应断点取消打勾 删除断点: 右键删除

查看变量

在这里可以查看此时局部变量和全局变量的值。

调用栈 call stack

在断点停下来时,右侧调试区的 Call Stack 会显示当前断点所处的方法调用栈,比如有一个函数 g() 其中又调用了函数 f() ,而我在 f() 中设置了一个断点,那么我在 console 中执行函数 g() 的时候会触发断点