PerformanceNavigationTiming: domComplete Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2021.
Die schreibgeschützte Eigenschaft domComplete gibt einen DOMHighResTimeStamp zurück, der die Zeit unmittelbar bevor der User-Agent den readyState des Dokuments auf "complete" setzt, darstellt.
Siehe auch den complete-Zustand von Document.readyState, der dieser Eigenschaft entspricht und sich auf den Zustand bezieht, in dem das Dokument und alle Unterressourcen fertig geladen sind. Dieser Zustand zeigt auch an, dass das load-Ereignis kurz vor der Ausführung steht.
Wert
Ein DOMHighResTimeStamp, der die Zeit unmittelbar bevor der User-Agent den readyState des Dokuments auf "complete" setzt, darstellt.
Beispiele
Protokollierung der DOM-Abschlusszeit
Die domComplete-Eigenschaft kann verwendet werden, um die Zeit zu protokollieren, zu der das DOM vollständig ist.
Beispiel mit einem PerformanceObserver, der über neue navigation-Performance-Einträge benachrichtigt, sobald sie in der Performance-Timeline des Browsers aufgezeichnet werden. Verwenden Sie die buffered-Option, um auf Einträge vor der Erstellung des Observers zuzugreifen.
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
console.log(`${entry.name}: domComplete time: ${entry.domComplete}ms`);
});
});
observer.observe({ type: "navigation", buffered: true });
Beispiel mit Performance.getEntriesByType(), das nur navigation-Performance-Einträge zeigt, die zum Zeitpunkt des Aufrufs dieser Methode in der Performance-Timeline des Browsers vorhanden sind:
const entries = performance.getEntriesByType("navigation");
entries.forEach((entry) => {
console.log(`${entry.name}: domComplete time: ${entry.domComplete}ms`);
});
Spezifikationen
| Specification |
|---|
| Navigation Timing Level 2 # dom-performancenavigationtiming-domcomplete |
Browser-Kompatibilität
BCD tables only load in the browser