Chrome devtools在页面重新加载时发生DOM突变事件吗？

Question

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

如果我想设置断点，然后重新加载页面并观看DOM修改，然后点击断点，则此方法效果很好。 断点似乎没有“卡住”。 我不知道这可能是不可能的。

任何建议表示赞赏。 谢谢！

Answer 1

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

Answer 2

在页面的标记中，放置以下<script>标记：

<script>debugger</script>

当DOM解析器到达断点时，它将触发一个断点。 这将使您能够在元素所需的任何事件上放置新的断点。 而且，因为您很快就停止了它，所以它很可能会在您感兴趣的事件发生之前。