admin ·
1. 使用 debugger
- 1
在需要设置断点的地方写上 debugger 即可。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
断点设置好之后可以在开发者工具的 Sources 面板进行调试。
2. 其他设置断点的方式
假设对其他网站的某个实现细节很感兴趣，但又不能直接窥探出原理，也可以借助断点来进行调试。
这种情况下需要在 开发者工具 的 Sources 面板找到对应的源码，打上断点。
在源码的对应行号出点击，即可设置上断点，如果是已经执行过的代码，则需要刷新才会在断点处暂停程序。
很多情况下，都会利用事件来定位源码位置。
一个节点上的事件，可以通过 Elements 面板的 Event Listeners 来查看定位。
3. 小结
debugger 用于设置断点，调试非常有用。
如果没有特殊需求，一定要确保线上 debugger 不会被执行！一定要确保线上 debugger 不会被执行！一定要确保线上 debugger 不会被执行！
这一点非常关键，带上线了直接影响用户体验，可能公司第二天就倒了。
