使用 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 扩展帮助我调试了这个问题。