HTML всплывающее окно, чтобы добавить значок PWA на телефон - PullRequest
Новая
       14

HTML всплывающее окно, чтобы добавить значок PWA на телефон

0 голосов
/ 11 мая 2018

Хорошо, я не нашел ответа на это. Мне нужно создать всплывающее окно в HTML, которое позволяет мне устанавливать значок PWA на главном экране, и я не говорю о обычном баннере установки. Я уже знаю, как это сделать, используя манифест и работника службы.

Теперь, чтобы понять, что мне нужно, вы можете увидеть такое поведение при установке Instagram PWA.

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

pwa install

Есть идеи?

1 Ответ

0 голосов
/ 11 мая 2018

Когда PWA отвечает требованиям для добавления на домашний экран, браузер запускает событие «beforeinstallprompt».Событие может быть перехвачено и снова запущено вручную позже.В основном: прослушайте событие, захватите его, если оно сработало, покажите пользователю ваше пользовательское добавление к представлению главного экрана, если пользователь щелкнет повторно, запустите вентиляцию.

Конкретные детали и примеры кода: https://developers.google.com/web/fundamentals/app-install-banners/

...