Chrome 调试技巧干货

Chrome 调试技巧干货

Chrome调试技巧干货 --  初级篇 ，请看之前的文章chrome 浏览器调试技巧_莹宝思密达的博客-CSDN博客_chrome浏览器调试

目录

0.中国人建议用中文版的chrome Dev Tools。切换语言后重新加载dev Tools

1. 在chrome中直接修改调试文件

2.发出请求时，确认代码所处位置

3.断点时忽略第三方文件

0.中国人建议用中文版的chrome Dev Tools。切换语言后重新加载dev Tools

1. 在chrome中直接修改调试文件

 操作：

①打开Dev Tools ，切换到 源代码(sources)下的 替换（overrides）

②点击 + 选择防止替换项的文件夹。打开到当前运行的文件所在位置

③点击允许

 ④修改文件后点击保存，页面随之改变。（注意：此时文件内容随着在页面的修改，也同步改变了）

2.发出请求时，确认代码所处位置

3.断点时忽略第三方文件

打断点时常常会进入第三方库中，自信点，bug不会出现在第三方。右键点击 从忽略列表中移除。点击配置更多的忽略文件。