Dom断点
![](https://img.haomeiwen.com/i28164900/dec38ca936d55d6c.png)
右键需要下断点的Dom元素,选择 中断于 ,选择启动一个或多个断点方式
- 子树修改:当该Dom元素的子元素发生改变时,触发断点
- 属性修改:当该Dom的样式发生改变时,触发断点
- 删除节点:当该Dom被销毁时触发断点
事件监听断点
我们这里以Script事件断点为例
![](https://img.haomeiwen.com/i28164900/83ee91414ac2384b.png)
选择 资源(source) 面板,展开 Event Listener Breakpoints 选项,在Script前打勾(如果你需要监听其他事件断点,同理即可)
这样就可以在执行任何JavaScript之前被断住
Xhr断点
![](https://img.haomeiwen.com/i28164900/05b5a27b032b7cdf.png)
选择 资源(source) 面板,展开 XHR/fetch Breakpoints 点击后面的 + 号,添加需要中断的xhr规则
如图 添加 ”www.jianshu.com“ 后,所有在URL中包含该字符串的xhr请求,都会被中断
JavaScript断点
![](https://img.haomeiwen.com/i28164900/2cab3865ed54d79f.png)
还是在资源面板 打开需要中断的JavaScript代码,在该行的前面 点一下即可
然后重新刷新网页 断点即可生效
网友评论