PerformanceSoftNavigation: navigationType-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 schreibgeschützte navigationType-Eigenschaft der PerformanceSoftNavigation-Schnittstelle gibt den Typ der Softnavigation zurück — push, reload, replace oder traverse.
Dies gibt dieselben Typen zurück wie NavigateEvent.navigationType.
Wert
Ein aufgezählter Wert, der den Typ der Navigation darstellt.
Die möglichen Werte sind:
push-
Eine neue Position wird navigiert, wodurch 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 verwendet denselbenkey, erhält jedoch eine andereid. traverse-
Der Browser navigiert von einem bestehenden Verlaufs-Eintrag zu einem anderen bestehenden Verlaufs-Eintrag.
Beispiele
Protokollierung des Navigationstyps der Softnavigation
Dieses Beispiel verwendet einen PerformanceObserver, um neue soft-navigation-Performance-Einträge zu protokollieren, wenn sie in der Performance-Zeitleiste des Browsers erfasst werden. Die buffered-Option wird verwendet, um auf Einträge von 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 });
Spezifikationen
| Spezifikation |
|---|
| Soft Navigations and Interaction Contentful Paint # dom-performancesoftnavigation-navigationtype |