html - 我如何知道 HTML 何时已完全呈现

Question

案例 1:

我加载了一个非常大的 HTML 页面，其中包含许多复杂的布局和字体。 该页面将花费一些未知的时间来呈现。

案例 2:

我使用 jquery .html() 函数对我的 DOM 进行重大更改。 修改后的 DOM 将花费一些未知的时间来呈现。

在这两种情况下，我都希望能够用微调器覆盖整个屏幕，直到页面完全完成渲染。

在寻找这个问题的答案时，我发现了类似的问题，但答案并不相关。明确一点:

我不想知道 DOM 何时准备就绪。

我不想知道 HTTP 数据何时被提取。

我想知道 DOM 中的所有内容何时都完全绘制到屏幕上。

设置一些最坏情况的超时不是可接受的解决方案。

我需要一个基于 WebKit 的浏览器的解决方案。

Answer 1

只是一个小点；大多数浏览器在处理 javascript 时不会为微调器设置动画。特别是表现非常单线程的 IE。

值得为“微调器”使用不同的非动画设计。像沙漏一样的东西。

想想你什么时候提出挑战:为什么不在你在 $(document).ready 事件中调用的初始化代码后面放一些东西。对于 IE，它应该最后触发。