PWA: Как программно вызвать: «Добавить на домашний экран»? на iOS Safari

Question

Недавно я выпустил прогрессивное веб-приложение на сервере, и пока все отлично работает. Тем не менее, Android, использующий Chrome, показывает баннер для загрузки приложения, но это не так, как на iOS. Используя Safari, пользователю требуется несколько щелчков мышью, чтобы перейти к функции «Добавить на домашний экран», что плохо.

Итак, я доволен своим PWA, но мне бы очень хотелось, чтобы я сам мог сказать пользователю, что это приложение можно добавить на домашний экран.

Насколько я помню, я видел, как https://marvelapp.com/ делал это, чтобы добавить прототип на домашний экран.

Answer 1

iOS - Safari в настоящее время не поддерживает баннер для установки веб-приложения, как в Android - Chrome.

нет способа программно запустить установку баннера и в Android, кроме случаев, когда вы перехватывает beforeInstallPromot и используете его для показа баннера.

В связанном ответе вы можете выбрать альтернативный вариант отображения баннера в приложении, чтобы пользователь мог добавить его на главный экран. Здесь - некоторый пример кода для того же самого, который специфичен для iOS (смотрите в #PROTIP 3).