有没有办法逐步完成DOM加载?

时间:2012-11-19 22:25:05

标签: javascript dom firebug google-chrome-devtools

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

是否可以在元素加载时逐步执行DOM?我无法弄清楚导致这个问题的因素,显然我正在改变它,但无法将其锁定。

有什么建议吗? 感谢。

2 个答案:

答案 0 :(得分:2)

我不知道这是否有用,但您可以尝试在页面顶部附近放置这样的内容:

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

答案 1 :(得分:1)

Chrome中有--show-paint-rect个选项。

观看Paul Irish的视频:Viewing Painting Behavior w/ Chrome DevTools

我暂时没试过,不知道当前版本支持的程度如何......

修改

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

尽管如此,原始实现似乎更有效率。