При использовании window.addEventListener перед установкой промпта он может иногда не срабатывать, когда страница обновляется десятки раз.

Мой проект pwa был успешно запущен с использованием следующего codeа:

Я использую этот code, чтобы определить, отображается ли кнопка pwa. (Значение по умолчанию — false)

Процесс разработки прошел гладко, и проблем не возникло.

Однако, выйдя в интернет, я обнаружил, что в окне браузера Google Chrome я несколько раз принудительно обновлял страницу и обновлял ее десятки раз, и иногда кнопка не отображалась. Консоль не вывела "Показать кнопку pwa".

Так что я думаю, что иногда возникают проблемы с мониторингом браузера? Мой проект — vue3, а приведенный выше code находится в app.vue.

Я был бы очень признателен, если бы кто-нибудь ответил на это, большое спасибо!

window.addEventListener('beforeinstallprompt', e => {
  console.log('Show pwa button')
  state.buttonShow=true // The default value is false
  e.preventDefault()
  window.deferredPrompt = e
})