Навигация: метод updateCurrentEntry()

Метод updateCurrentEntry() интерфейса Navigation обновляет state объекта currentEntry; используется в тех случаях, когда изменение состояния не зависит от навигации или перезагрузки.

options

Объект параметров, содержащий следующие свойства:

state

Информация, определенная разработчиком, которая будет сохранена в ассоциированном элементе NavigationHistoryEntry после завершения навигации и доступна через getState(). Это может быть любой тип данных. Например, вы можете сохранить количество посещений страницы для целей аналитики или сохранить данные состояния пользовательского интерфейса, чтобы отобразить представление точно так, как пользователь его оставил. Любые данные, хранящиеся в state должны быть структурируемо клонируемыми.

Ничего (undefined).

DataCloneError DOMException

Выбрасывается, если параметр state содержал значения, которые не могут быть структурируемо клонированы.

InvalidStateError DOMException

Выбрасывается, если объект Navigation.currentEntry null, т. е. нет текущей записи истории. Это может произойти, например, если текущая страница about:blank.

Вы можете использовать что-то подобное для обновления состояния открытости/закрытости элемента <details>, чтобы состояние можно было восстановить при перезагрузке страницы или возвращении с другой страницы.

detailsElem.addEventListener("toggle", () => {
  navigation.updateCurrentEntry({ state: { detailOpen: detailsElem.open } });
});

• Современное маршрутизирование на стороне клиента: API навигации
• Разъяснение API навигации
• Демонстрация API навигации от Domenic Denicola здесь