Как определить событие принудительного обновления браузера — кроссбраузерность

Я хочу обнаружить событие принудительного обновления в JavaScript. Когда пользователь нажимает кнопку перезагрузки браузера или нажимает Ctrl + f5 (в Windows) / Cmd + r (в Mac) и refresh на мобильном устройстве.

Я пробовал событие beforeunload, но это событие срабатывает при каждой загрузке страницы и переходе на другую страницу.

window.addEventListener('beforeunload', function (event) {
   // This not working exactly what I want.
})

javascript cross-browser dom-events

25.07.2019 11:40

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

891

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

попробуй это:

if (performance.navigation.type == 1) {
        console.info( "This page is reloaded" );
}

25.07.2019 11:47

Ответ принят как подходящий

Лучшее решение, которое я могу придумать, это Время навигации.

Атрибут window.performance предоставляет область размещения для атрибутов, связанных с производительностью.

if (window.performance) {
  if (performance.navigation.type === performance.navigation.TYPE_RELOAD) {
    console.info( "Reload detected" );
  } else {
    console.info( "Reload not detected");
  }
} else {
  console.info("window.performance is not supported");
}

25.07.2019 11:59

Другие вопросы по теме

Как создать веб-страницу, которая захватывает камеру пользователя в телефоне и кемпингах?

Internet Explorer выдает ошибку и прекращает обработку на следующей строке: Как это исправить?

Как я могу сохранить десятичные числа для сохранения в числах точек

Анимация границы CSS работает в Chrome, Firefox, но не в Edge 15/IE 11

Не удается отобразить веб-приложение в iframe в Chrome или Edge

Фоновое изображение SVG не растягивается по горизонтали в разных браузерах

Почему эта анимация CSS не работает в IE?

Почему `position:relative` вычисляется как `position: static` в devtools для сафари и оперы?

Прослушиватель событий хранилища не работает должным образом в режиме инкогнито или в приватном окне

Как получить значение выбранного переключателя в Microsoft Edge?

Как определить событие принудительного обновления браузера — кроссбраузерность

Ответы 2

Другие вопросы по теме

Похожие вопросы