javascript - 有没有办法逐步完成 DOM 加载？

Question

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

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

有什么建议么？谢谢。

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

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

观看Paul Irish 的视频：使用Chrome DevTools 查看绘画行为

~~虽然我有一段时间没有尝试过，但不确定当前版本对它的支持程度......~~

编辑：

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

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

2 回答 2