PerformanceNavigationTiming: domComplete 属性
domComplete 只读属性返回一个 DOMHighResTimeStamp，表示在用户代理将文档的 readyState 设置为 "complete" 之前的那个时间点。
另请参阅 Document.readyState 的 complete 状态，它与此属性相对应，并指文档及所有子资源已加载完成的状态。该状态还表示 load 事件即将触发。
值
一个 DOMHighResTimeStamp，表示在用户代理将文档的 readyState 设置为 "complete" 之前的那个时间点。
示例
记录 DOM 完成时间
domComplete 属性可用于记录 DOM 完成的时间。
使用 PerformanceObserver 的示例，它会在浏览器性能时间线中记录新的 navigation 性能条目时通知您。使用 buffered 选项可以访问观察者创建之前的条目。
js
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
console.log(`${entry.name}: domComplete time: ${entry.domComplete}ms`);
});
});
observer.observe({ type: "navigation", buffered: true });
使用 Performance.getEntriesByType() 的示例，它仅显示在调用方法时浏览器性能时间线中存在的 navigation 性能条目。
js
const entries = performance.getEntriesByType("navigation");
entries.forEach((entry) => {
console.log(`${entry.name}: domComplete time: ${entry.domComplete}ms`);
});
规范
| 规范 |
|---|
| 导航计时 Level 2 # dom-performancenavigationtiming-domcomplete |
浏览器兼容性
加载中…