Навигация: свойство transition

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает во всех наиболее широко используемых браузерах.

Экспериментальная функция: Это экспериментальная технология .
Перед использованием в продакшене внимательно изучите таблицу совместимости браузеров .

Свойство transition интерфейса Navigation, доступное только для чтения, возвращает объект NavigationTransition, представляющий состояние текущей операции навигации, который можно использовать для отслеживания процесса.

Значение

Объект NavigationTransition или null, если операция навигации в данный момент не выполняется.

Примеры

async function handleTransition() {
  if (navigation.transition) {
    showLoadingSpinner();
    await navigation.transition.finished;
    hideLoadingSpinner();
  }
}

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

Спецификация
HTML # dom-navigation-transition-dev

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`transition`	102	102	Нет	88	Нет	102	Нет	70	Нет	19.0	102

См. также

Современное маршрутизирование на стороне клиента: 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/Navigation/transition