在调试页面中的JavaScript代码时，Chrome DevTools的断点功能是必不可少的，Chrome DevTools很多强大的自动断点功能（即你不需要手动找到想要加断点的那行代码）。
- 在每个<script>标签第一句代码执行时自动断点，在Sources面板中右下角的Event Listener Breakpoints > Script > Script First Statement。
- 在某个指定的DOM方法被调用时自动断点，用Console面板上的debug()函数，比如debug(alert)然后所有调用alert()的地方都会自动中断。
- 在未捕获的异常抛出时自动断点，在Sources面板右上角的Pause on exceptions按钮。
- 在匹配指定URL的XHR/fetch请求发起时自动断点，在Sources面板右下角的XHR/fetch Breakpoints。
- 在指定的节点被删除时自动断点，在Elements面板中元素上右键 -> Break on -> node removal。
