2

我有一个包含大型 HTML 表格的大页面。在 Internet Explorer 中，呈现内容需要很长时间：可能需要 10-15 秒来呈现。有没有办法使用 JavaScript 或其他方法来确定页面何时开始渲染以及何时完全完成渲染？

注意：我想使用 JavaScript 然后在页面上显示值。

4

4 回答 4

4

如果您使用的是最新版本的 Internet Explorer，则可以使用 Javascript NavTiming API，如本 MSDN 文章中针对 IE 所述。这将允许您使用 Javascript 读取页面计时数据并显示它。

或者你可以使用 IE 的开发者工具栏插件。

于 2013-10-25T00:25:33.310 回答
2

在此处输入图像描述好吧，我要说的是使用 F12 工具中的网络瀑布，这是此页面的屏幕截图。绿线表示渲染完成并且用户可以开始交互。

但是你想用 JavaScript 来做。所以这需要一点努力，但这里就是这样。转到控制台并执行 performance.timing。这将为您提供一个具有大量计时值的对象。这些是刻度值，您需要比较它们以获得实际的毫秒增量。这是此页面的输出示例。

    {
   [functions]: ,
   __proto__: { },
   connectEnd: 1382671634858,
   connectStart: 1382671634858,
   constructor: { },
   domainLookupEnd: 1382671634858,
   domainLookupStart: 1382671634858,
   domComplete: 1382671635972,
   domContentLoadedEventEnd: 1382671635377,
   domContentLoadedEventStart: 1382671635198,
   domInteractive: 1382671635198,
   domLoading: 1382671634929,
   fetchStart: 1382671634858,
   loadEventEnd: 1382671635974,
   loadEventStart: 1382671635973,
   msFirstPaint: 1382671635631,
   navigationStart: 1382671634796,
   redirectEnd: 0,
   redirectStart: 0,
   requestStart: 1382671634929,
   responseEnd: 1382671634929,
   responseStart: 1382671634929,
   unloadEventEnd: 1382671634796,
   unloadEventStart: 1382671634796
}
于 2013-10-25T03:34:03.160 回答
0

当然，使用 Firefox 或 chrome 中的开发人员工具计时。您将使用 net 选项获得时间，并且您会在下载每个文件时看到它的下载时间。

于 2013-10-25T00:24:46.427 回答
0

使用萤火虫找出需要多少时间，否则您可以使用这些网站进行测试以找出答案

http://tools.pingdom.com

https://developers.google.com/speed/pagespeed/

于 2013-10-25T04:10:14.223 回答