PopStateEvent: hasUAVisualTransition Eigenschaft

Die schreibgeschützte Eigenschaft hasUAVisualTransition des PopStateEvent-Interfaces gibt true zurück, wenn der User-Agent vor dem Auslösen dieses Ereignisses eine visuelle Transition für diese Navigation durchgeführt hat, oder false, andernfalls.

User-Agents können eine eingebaute visuelle Transition bei Site-Navigationen bereitstellen. Wenn der Seitenautor ebenfalls eine visuelle Transition hinzufügt, können User-Agent- und Autorener-Übergänge in Konflikt geraten und den Besucher verwirren. Die Eigenschaft ermöglicht es Ihnen festzustellen, ob eine UA-Transition bereitgestellt wurde, sodass Sie Autorentransitionen zur Verbesserung der Benutzererfahrung überspringen können.

Wert

Ein boolescher Wert.

Beispiele

js
window.addEventListener("popstate", async (event) => {
  // Fetch the new content
  const newContent = await fetchNewContent(location.href);

  // The UA does not support View Transitions, or the UA
  // already provided a Visual Transition by itself (e.g. swipe back).
  // In either case, update the DOM directly
  if (!document.startViewTransition || event.hasUAVisualTransition) {
    doSinglePageAppNav(newContent);
    return;
  }

  // Update the content using a View Transition
  document.startViewTransition(() => {
    doSinglePageAppNav(newContent);
  });
});

Spezifikationen

Specification
HTML
# dom-popstateevent-hasuavisualtransition

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
hasUAVisualTransition

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Siehe auch