PerformanceSoftNavigation: navigationType-Eigenschaft
Die navigationType schreibgeschützte Eigenschaft der PerformanceSoftNavigation-Schnittstelle gibt den Typ der Soft-Navigation zurück — push, reload, replace oder traverse.
Diese liefert die gleichen Typen wie NavigateEvent.navigationType.
Wert
Ein aufgezählter Wert, der den Typ der Navigation darstellt.
Die möglichen Werte sind:
push-
Ein neuer Ort wird navigiert, was dazu führt, dass ein neuer Eintrag in die Verlaufsliste eingefügt wird.
reload-
Der
Navigation.currentEntrywird neu geladen. replace-
Der
Navigation.currentEntrywird durch einen neuen Verlaufs-Eintrag ersetzt. Dieser neue Eintrag wird denselbenkeywiederverwenden, aber eine andereidzugewiesen bekommen. traverse-
Der Browser navigiert von einem bestehenden Verlaufs-Eintrag zu einem anderen bestehenden Verlaufs-Eintrag.
Beispiele
Protokollierung des Navigationstyps der Soft-Navigation
Dieses Beispiel verwendet einen PerformanceObserver, um neue soft-navigation Leistungseinträge zu protokollieren, sobald sie in der Leistungs-Timeline des Browsers aufgezeichnet werden. Die buffered-Option wird verwendet, um auf Einträge vor der Erstellung des Observers zuzugreifen.
const observer = new PerformanceObserver((list) => {
for (const entry of list.getEntries()) {
console.log("Soft Nav:", entry.startTime, entry.navigationType);
}
});
observer.observe({ type: "soft-navigation", buffered: true });