总所周知,在Java可以利用工具来一步一步调试Java程序,而JS也不例外,接下来就总结自己用游览器调试JS的一些心得。
当写出一个带JS的HTML网页在游览器运行时,大部分的游览器是按F12进入JS调试页面。大概如下图所示
接下来我就一一介绍下这些模块
Elements界面
可以清楚的看到自己的HTML页面的结构 如Java一样,点击倒三角便能想查什么部分就查什么部分
Source界面
这里主要存放了一些资源文件。但这不是主要的功能(今天的重点来了)这里最强大功能是可以追踪JS的执行顺序及传输数据
就是JS 的 debug,首先,debug设置断点
点击行号就能设置断点(断点选择和Java调试一样)
接下来操作主要这些了
表示 开始运行 有的时候可能是你已经在运行了 你需要重新点击 并重新刷新页面
表示 逐过程运行 但不会进入函数体内
表示 逐过程运行 但会进入函数体内
表示 直接跳出函数
忽视所有断点
参考csdn 点击打开链接