

js 断点调试
开发者工具断点调试
chrom浏览器对js的调试的使用方法,sources面板中进行调试。
js调试:Sources面板中,按下ctrl+P,输入文件名称即可打开文件
右侧为调试工具
Pause on caught exceptions打上勾,可以捕获代码块上的异常
Ctrl+shift+F全局搜索
1.打开文件


2.暂停断点


3.跳过下一个方法执行

4.进入方法

5.跳出方法

6.断点生效 / 失效


7. 添加断点


8. 部分断点失效

9.移除所有断点

10. 在异常暂停

11.在异常(包括try...catch捕获的异常)暂停

12.全局搜索
windows: ctrl+shift+f
mac: command+option+f


js断点调试:
想实时监控一个变量的值:在变量上右键单击add to watch
想查看某个方法在哪些文件有引用:ctrl+shift+f全局搜索,点击搜索到的代码即可定位到文件引用处。
chrome浏览器开发者工具source中调试js方法
ctrl + p 打开文件
ctrl+shift+f 全局搜索
在行为元素上停留并右键选择检查,可以找到行为样式。
颜色更改可以点击 F12 里面的颜色块
保存图片采用新标签打开图片页面形式