本文介绍了一种实用的前端调试技巧——在DOM元素上设置断点。这种方法有助于开发者监控特定DOM元素的变化，无论这些变化是由哪段代码引起的。通过在元素审查面板中设置断点，可以在该元素的属性被修改、子节点发生变化或元素被删除时暂停执行。
在 DOM 元素上设置断点
如图所见，在元素审查的 Elements Panel 中在某个元素上右键菜单里可以设置三种不同情况的断点：
有时候我们需要监听某个 DOM 被修改情况，而不关心是哪行代码做的修改（也可能有多处都会对其做修改）。那么我们可以直接在 DOM 上设置断点。
- 子节点修改
- 自身属性修改
- 自身节点被删除
选中之后，Sources Panel 中右侧的 DOM Breakpoints 列表中就会出现该 DOM 断点。一旦执行到要对该 DOM 做相应修改时，代码就会在那里停下来，如下图所示。
扫一扫
1139
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
