Chrome 中“innerHTML”更改的中断

Question

Chrome 的开发者工具提供了在修改元素的属性或 DOM 树时中断 JavaScript 代码执行的选项。（检查元素>右键单击元素标签>“Break on\xe2\x80\xa6”）
\n但是，当JavaScript更改元素的innerHTML时，我想跳入代码。激活所有“中断”选项不会执行此操作，因此我想知道是否有某种方法可以执行此操作。

\n

Answer 1

1. 文本节点是一个子节点。
2. 要更改文本，浏览器会删除旧的文本子节点。
3. 子树修改是一个标志。当此标志打开时，您可以收听
   • 使用子树修改属性
   • 使用子树删除节点

所以，你应该检查两个。节点删除和子树修改。

另外，您可以直接使用MutationObserver API。

旧事件 ( DOMSubtreeModified , DOMCharacterDataModified, ...) 已弃用。谷歌​