@IvanIvanOvcharenko

Добавить кнопку установки приложения pwa?

Добрый день , подскажите как реализовать функционал установки pwa.
Во первых, по lighthous и pwabuilder - все требования выполнены.

5fc2596befbc2039055329.png

Судя по всему, не срабатывает событие beforeinstallprompt , потому что при использовании кода ниже, появлялась ошибка в строке вызова метода prompt() , при клике на кнопку btnAdd

let deferredPrompt;

    window.addEventListener('beforeinstallprompt', function(event) {
      // Prevent Chrome 67 and earlier from automatically showing the prompt
      e.preventDefault();
      // Stash the event so it can be triggered later.
      deferredPrompt = e;
    });

    // Installation must be done by a user gesture! Here, the button click
    btnAdd.addEventListener('click', (e) => {
      // hide our user interface that shows our A2HS button
      btnAdd.style.display = 'none';
      // Show the prompt
      deferredPrompt.prompt();
      // Wait for the user to respond to the prompt
      deferredPrompt.userChoice
        .then((choiceResult) => {
          if (choiceResult.outcome === 'accepted') {
            console.log('User accepted the A2HS prompt');
          } else {
            console.log('User dismissed the A2HS prompt');
          }
          deferredPrompt = null;
        });
    });


Перечитал кучу инфы, зашел в тупик.
Заранее спасибо за помощь!
  • Вопрос задан
  • 2575 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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