使用 JS (Firefox) 查找 DOM 完成时间和加载时间

Question

如何使用the Navigation Timing API 或任何其他方法获得DomContentLoaded 和Load 计时？

基准测试接近于下面显示的值（在 Firefox 的“网络”选项卡的控制台中）

我已经尝试过使用

window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart 对于 DOMContentLoaded 和

window.performance.timing.loadEnd - window.performance.timing.navigationStart 表示加载时间，

但他们没有正确测量时间。

编辑：正如我发现（并在下面回答），这是一个 Firefox 特定问题 - Chrome 给出的误差范围约为 5-10 毫秒，这是合理的。

Answer 1

没关系，这是 Firefox 特有的问题。 当我跑步时

1. window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart 代表 domLoadTime，以及
2. window.performance.timing.loadEventEnd - window.performance.timing.navigationStart 为loadTime

在 Chrome 上，我发现与控制台上报告的时间相差约 5-10 毫秒。

在 Firefox 上，差异约为 50-80 毫秒。

This 很棒的 Chrome 扩展帮助我调试了这个问题。