我有一个很大的页面,里面有一个很大的HTML表。在Internet Explorer中,渲染内容需要很长时间:可能需要10-15秒。使用JavaScript或其他方法是否可以确定何时开始呈现页面以及何时完全呈现页面?
注意:我想使用JavaScript然后在页面上显示值。
我想说的是在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
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句