Chrome Dev Tools: Sources


Sources标签页对调试JavaScript帮助很大。项目越大,越难准确找到问题所在。

可以对代码的不同部分设置断点,代码会到此停止执行。

有很多种断点类型可以使用,如一行特定代码,一个DOM事件,XMLHTTP请求或一个JavaScript事件。

设置好断电之后,浏览器在进入这段代码或事件时,会暂停执行。

通过减缓代码执行,我们就有机会仔细观察每一个设置点,准确跟踪页面行为。

一旦断点设置好,我们就可以逐步浏览和检查页面中断点处的代码。

和elements标签一样,可以实时编辑代码观察结果,不过记得在别处保存更改。

更多详细内容请访问: developers.google.com/web/tools/javascript/breakpoints/