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, andernfalls false.

User Agents können bei der Ausführung von Webseiten-Navigationen eine eingebettete visuelle Transition bereitstellen. Wenn der Webseitenautor ebenfalls eine visuelle Transition hinzufügt, können User Agent- und Autoren-Transitionen in Konflikt geraten und Besucher verwirren. Die Eigenschaft ermöglicht es Ihnen zu erkennen, ob eine UA-Transition bereitgestellt wurde, sodass Sie Autoren-Transitionen überspringen können, um eine bessere Benutzererfahrung zu gewährleisten.

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);
  });
});