Chrome - JavaScript调试技巧总结（浏览器调试JS）

Chrome 是 Google 出品的一款非常优秀的浏览器，其内置了开发者工具（Windows 系统中按下 F12 即可开启），可以让我们方便地对 JavaScript 代码进行调试。

一、设置断点

 方法1：在 Source 内容区设置

 方法2：在 js 文件中设置

二、设置断点执行条件

三、Call Stack 调用栈

四、DOM 元素设置断点　

五、统一管理所有断点

六、快捷键

七、格式化         

    1，js代码格式化

    2，格式化返回的 JSON 数据

八、使用 Snippets 编写代码片段

九、Async 调试

参考信息： https://www.html.cn/doc/chrome-devtools/