我多久以前加载一个页面?

时间:2015-02-18 17:09:02

标签: javascript time

有没有办法让你在很久以前使用javascript加载页面,而没有首先记录页面加载时javascript变量的时间?我希望创建一个可以在任何网页上运行的scriptlet(javascript书签),并输出自浏览器加载页面以来已经过了多长时间。

到目前为止,我发现的所有“在页面上花费的时间”解决方案都依赖于记录页面首次加载的时间,这需要访问修改站点或浏览器插件。在页面加载(启动,完成等)时可以存储的文件属性是否可以在javascript中访问?

1 个答案:

答案 0 :(得分:6)

您可以使用window.performance.timing.loadEventEnd

> performance.timing.loadEventEnd
1424280020354

window.performance.timing按顺序为以下页面加载生命周期事件提供时间戳:

  • navigationStart
  • unloadEventStart
  • unloadEventEnd
  • redirectStart
  • redirectEnd
  • fetchStart
  • domainLookupStart
  • domainLookupEnd
  • connectStart
  • connectEnd
  • secureConnectionStart
  • requestStart
  • responseStart
  • responseEnd
  • domLoading
  • domInteractive
  • domContentLoadedEventStart
  • domContentLoadedEventEnd
  • domComplete
  • loadEventStart
  • loadEventEnd

来源:Navigation Timing API on MDN

大多数现代浏览器目前都支持Navigation Timing API。例外:Safari< OSX上的8,iOS上的Safari和Opera Mini。 - caniuse.com