PopStateEvent: свойство hasUAVisualTransition

Чтение только свойство hasUAVisualTransition интерфейса PopStateEvent возвращает true , если пользовательский агент выполнил визуальный переход для этой навигации перед отправкой этого события, или false в противном случае.

Пользовательские агенты могут предоставлять встроенный визуальный переход при выполнении навигации по сайту. Если автор сайта также добавляет визуальный переход, переходы пользовательского агента и автора могут конфликтовать и сбивать с толку посетителя. Свойство позволяет обнаружить, был ли предоставлен переход UA, чтобы вы могли пропустить переходы автора для лучшего пользовательского опыта.

Значение

Булево значение.

Примеры

window.addEventListener("popstate", (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);
  });
});

Спецификации

Спецификация
HTML # dom-popstateevent-hasuavisualtransition

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`hasUAVisualTransition`	118	118	Нет	104	18	118	Нет	79	18	25.0	118

См. также

Современное клиентское маршрутизирование: API навигации
Пояснение API навигации
Демонстрация API навигации Domenic Denicola
Переходы отображения того же документа для одностраничных приложений

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PopStateEvent/hasUAVisualTransition