chrome扩展如何监控页面完全显示事件？

Question

chrome扩展如何监控页面完全显示事件？我需要知道从开始（我可以得到）到完全显示的页面的时间。我只能得到加载时间，在页面变为静态时找不到任何捕获事件的方法（特别是html5网页）.Thx

Answer 1

使用窗口性能API window.performance.timing它将为您提供页面加载中重要事件的所有时间戳。

例如

connectEnd: 1446672490568
connectStart: 1446672490568
domComplete: 1446672490685
domContentLoadedEventEnd: 1446672490681
domContentLoadedEventStart: 1446672490680
domInteractive: 1446672490680
domLoading: 1446672490603
domainLookupEnd: 1446672490568
domainLookupStart: 1446672490568
fetchStart: 1446672490568
loadEventEnd: 1446672490685
loadEventStart: 1446672490685
navigationStart: 1446672490262
redirectEnd: 0
redirectStart: 0
requestStart: 1446672490597
responseEnd: 1446672490603
responseStart: 1446672490601
secureConnectionStart: 0
unloadEventEnd: 0
unloadEventStart: 0
__proto__: PerformanceTiming

要通过chrome扩展程序从每个页面获取此数据，您需要通过页面加载后执行的内容脚本将此脚本注入每个页面。