页面重新加载时的 Chrome devtools DOM 突变事件？答案

【问题标题】：Chrome devtools DOM mutation events on page-reload?页面重新加载时的 Chrome devtools DOM 突变事件？
【发布时间】：2014-11-18 20:55:00
【问题描述】：

根据documentation，您可以通过右键单击元素并选择“Break on...”> 子树修改来设置 DOM 突变的断点。

这真的很好用我想设置断点，然后重新加载页面并观察 DOM 修改，然后点击断点。断点似乎没有“卡住”。这可能是不可能的，我不知道。

感谢任何建议。谢谢！

【问题讨论】：

【解决方案1】：

在您的页面标记中，放置此<script> 标签：

<script>debugger</script>

当 DOM 解析器到达该点时，它将触发一个断点。这将使您能够在您想要的元素的任何事件上放置一个新的断点。而且，由于您很快停止了它，它（很可能）会在您感兴趣的事件发生之前发生。

【讨论】：

【解决方案2】：

您可以在另一个提前运行的脚本上设置断点。触发此断点后，您可以设置 DOM 断点并释放上一个断点。

【讨论】：