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 |
瀏覽器相容性
載入中…