Как вызвать запрос «Добавить на рабочий стол» для PWA?
У меня есть настройка PWA с манифестом и работником службы, так что я могу вручную добавить на рабочий стол в Chrome в Android, если я выберу кнопку «добавить на рабочий стол» в меню. Я также проверил на рабочем столе, что могу добавить его как веб-приложение в Chrome.
Однако кажется, что баннер установки появляется только на основе некоторых эвристических методов, которые выбирает Google, например пользователь должен взаимодействовать с сайтом в течение 30 секунд и т. д.
Я бы хотел, чтобы на моей домашней странице была кнопка, чтобы при ее нажатии в Chrome автоматически появлялся баннер добавления на рабочий стол. Как мне это сделать?
Я хочу что-то похожее на кнопку «Установить» на этом примере сайта: http://airhorner.com, которая вручную запускает баннер. Однако мне бы хотелось получить минимальный рабочий пример, демонстрирующий это.
Ответы 1
Первое, что нужно проверить, это инструменты Chrome Audit.
Выполните аудит прогрессивного веб-приложения
В разделе «Пройденные аудиты» вы должны увидеть
.
--- «Пользователю может быть предложено установить веб-приложение»
Примечания, которые у меня есть для A2HS
Ссылки на исходный код моего рабочего примера
https://ng-chicago.github.io/2018/06/18/add-2-home-screen/
Также есть справочные статьи, которые я использовал
Большая часть работы при тестировании A2HS заключается в том, чтобы постоянно очищать браузер и предыдущие установки (настольный и мобильный Chrome) для повторного тестирования.
Примечание. Похоже, в новом Chrome 68 изменился способ использования команды до установки. Постараюсь обновить свои записи в ближайшие несколько дней. A2HS - это движущаяся цель.