Установить на домашний экран в IO для приложения с поддержкой PWA - PullRequest
Новая
       23

Установить на домашний экран в IO для приложения с поддержкой PWA

0 голосов
/ 06 мая 2019

Я добавил модули pwa (или схему) и правильно настроил свой файл manifest.json. На устройстве Android мои сервисные работники заняты, я получаю приглашение установки на домашний экран, и адресная строка исчезает, и я вижу нативный внешний вид. Однако на устройствах ввода-вывода Chrome / Safari подсказок нет. Что мне нужно сделать программно / дополнительно?

Ответы [ 3 ]

2 голосов
/ 07 мая 2019

iOS

My PWA index.html включает в себя следующие мета-теги iOS: 

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Brew">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-ipad.png" type="image/png">
<link rel="apple-touch-icon" sizes="167x167" href="apple-touch-icon-ipad-retina.png" type="image/png">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-iphone-retina.png" type="image/png">

<link rel="mask-icon" href="assets/images/icons/safari-pinned-tab.svg" color="#5bbad5">

"apple-mobile-web-app-active" и "apple-mobile"-web-app-title "мета-теги необходимы Safari для отображения экрана" Добавить на главную страницу ":

enter image description here

Ссылка: PWAСоветы и хитрости

0 голосов
/ 17 июля 2019

Я использую JavaScript как в iOS, так и на Android, чтобы проверить, находится ли приложение в автономном режиме, и отображать подсказку в iOS и не-Chrome браузерах в Android.Я просто позволил Chrome сделать это, поскольку он достаточно эффективен.На iOS пока только Safari поддерживает сервисные установки.

0 голосов
/ 06 мая 2019

В отличие от устройств Android (или, в частности, мобильных веб-браузеров Chrome на устройствах Android), iOS не поддерживает этот запрос установки PWA.Пользователи могут добавить его только в качестве PWA, нажав на кнопку «Добавить на главный экран».Для тех, кто интересуется, OP ссылается на эту функцию .

Однако вы можете проверить этот блог для списка функций PWA, поддерживаемых на iOS.

Конечно, существует теория заговора, согласно которой Apple намеренно замедляет принятие PWA из-за возможности конкуренции с их собственными магазинами приложений, которые являются огромным источником дохода для компании.Я оставляю вам решать, действительно ли это правда 100

...