有没有办法逐步完成 DOM 加载？答案

【问题标题】：Is there a way to step through the DOM loading?有没有办法逐步完成 DOM 加载？
【发布时间】：2012-11-07 22:36:24
【问题描述】：

我在一个网站上工作，我已经设置了一些响应规则。在某个点之后，似乎有一个奇怪的灰色形状出现了一秒钟然后消失了。

是否可以在元素加载时单步执行 DOM？我无法弄清楚是什么元素导致了这种情况，这显然是我正在改变的东西，但无法将其锁定。

有什么建议吗？谢谢。

【问题讨论】：

【解决方案1】：

chrome 中有一个--show-paint-rect 选项。

~~我有一段时间没尝试过，不知道当前版本的支持程度...~~

编辑：

好吧，好像他们把它移到了开发工具中。显示开发人员工具后，单击设置图标（工具面板的右下角）。有“显示油漆矩形”复选框。检查后，您可以重新加载页面以查看其呈现方式。

不过，最初的实现似乎更有效率。

【讨论】：

【解决方案2】：

我不知道这是否可行，但您可以尝试在页面顶部附近放置这样的内容：

<script type="text/javascript">
debugger;
</script>

【讨论】：