Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

PerformanceSoftNavigation: paintTime-Eigenschaft

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Want more browser support for this feature? Tell us why.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die paintTime-Schreibgeschützte Eigenschaft der PerformanceSoftNavigation-Schnittstelle gibt den timestamp zurück, zu dem die Rendering-Phase endete und die Paint-Phase begann.

Die paintTime ist weitgehend interoperabel: Der Wert sollte bei verschiedenen Implementierungen gleich sein.

Wert

Ein DOMHighResTimeStamp.

Beispiele

Dieses Beispiel verwendet einen PerformanceObserver, um neue soft-navigation-Performance-Einträge zu protokollieren, sobald sie in der Performance-Zeitleiste des Browsers erfasst werden. Die buffered-Option wird verwendet, um auf Einträge vor der Erstellung des Observers zuzugreifen.

js
const observer = new PerformanceObserver((list) => {
  for (const entry of list.getEntries()) {
    console.log("Soft Nav:", entry.startTime, entry.paintTime);
  }
});
observer.observe({ type: "soft-navigation", buffered: true });

Spezifikationen

Spezifikation
Paint Timing
# dom-painttimingmixin-painttime

Browser-Kompatibilität

Siehe auch