本文介绍了如何使用Chrome浏览器进行JS调试，包括通过F12进入调试页面，利用Elements界面查看HTML结构，以及Source界面追踪JS执行顺序和设置断点进行debug。在Source界面中，可以通过点击行号设定断点，并使用不同的运行控制按钮进行逐过程运行、进入函数体、跳出函数等操作。
总所周知，在Java可以利用工具来一步一步调试Java程序，而JS也不例外，接下来就总结自己用游览器调试JS的一些心得。
当写出一个带JS的HTML网页在游览器运行时，大部分的游览器是按F12进入JS调试页面。大概如下图所示
接下来我就一一介绍下这些模块
Elements界面
可以清楚的看到自己的HTML页面的结构 如Java一样，点击倒三角便能想查什么部分就查什么部分
Source界面
这里主要存放了一些资源文件。但这不是主要的功能（今天的重点来了）这里最强大功能是可以追踪JS的执行顺序及传输数据
就是JS 的
最低0.47元/天 解锁文章
扫一扫
2306
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
