Chrome的调试功能十分强大,这里仅简单记录一些常用的 JS 调试,日常所需必备。
1、设置断点
可以通过以下两种方式来设置断点:
(1)F12 调出控制台后,在 Source 面板设置。找到要调试的文件,在内容源代码左侧的代码标记行的位置点击,即可打上一个断点:
(2)在 js 文件中设置。在 js 源文件中需要执行断点操作的位置加上 debugger:
设置之后,刷新浏览器,页面代码运行到断点处便会暂停执行。
2、断点调试
(1)右侧调试区顶部是断点调试的几个功能按键,从左到右依次为:
* 运行到下一个断点(F8)
* 不进入函数