Как показать подсказку главного экрана в устройстве IOS с помощью PWA - PullRequest
Новая
       91

Как показать подсказку главного экрана в устройстве IOS с помощью PWA

0 голосов
/ 13 декабря 2018

Я новичок в PWA и застрял на одной задаче.

Вот мой manifest.json файл, который помогает отображать всплывающее окно добавления на домашний экран на устройство Android. 

{
  "short_name": "The Cozy",
  "name": "The Cozy",
  "icons": [
    {
      "src": "/img/app-icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/img/app-icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/img/app-icon-64x64.png",
      "sizes": "64x64",
      "type": "image/png"
    }
  ],
  "start_url": "/login",
  "display": "standalone",
  "theme_color": "#ffc107",
  "background_color": "#ffffff"
}

Но проблема в том, что он не отображается на устройстве IOS.Есть ли способ показать его на устройстве IOS, используя реестр работника?

Любой будет высоко ценится.Спасибо.

Редактировать: 1

Можем ли мы даже открыть вкладку общего доступа

enter image description here

Этот ^^^^

Ответы [ 3 ]

0 голосов
/ 13 декабря 2018

Не могли бы вы перейти по следующей ссылке https://www.monterail.com/blog/pwa-for-apple-ios?

В этой ссылке он уже упоминал, что

После входа на веб-сайт вас не встретят с веб-приложениемБаннер, и вам нужно будет использовать опцию «Добавить на главный экран» в листе обмена.Как вы можете видеть на скриншотах ниже, нет никаких признаков того, что вы добавляете PWA вместо веб-сайта.

Теперь, что вам нужно сделать, вам нужно проверить, что текущий пользовательский агент - это *Устройство 1010 * или safari. Вам лучше отобразить всплывающее диалоговое окно с надписью Нажмите кнопку «Поделиться» и нажмите кнопку Добавить на домашний экран , чтобы установить приложение на устройстве.

0 голосов
/ 13 декабря 2018

Манифестом пока не управляет iOS (в разработке).Есть интересная библиотека для автоматического добавления необходимых элементов для iOS.Но пока нет способа показать всплывающее окно главного экрана ...

https://github.com/GoogleChromeLabs/pwacompat

Вы можете следить за статусом функций на iOS здесь: https://webkit.org/status/#specification-web-app-manifest

0 голосов
/ 13 декабря 2018

У Apple проблемы со ссылками на manifest.json.Как и в случае с трудностями, они не работают .

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

Чтобы установить PWA на устройство iOS, вам нужно нажать «поделиться» в Safari Mobile, и там вы сможете найти опцию «добавить на домашний экран».».Это единственный способ установить PWA на iOS.
Вы можете работать с этим, проверив, является ли браузер пользователя Safari Mobile (Google, чтобы узнать, как это работает).Если это так, просто отобразите div на своей странице с некоторыми пояснениями о том, как установить PWA («нажмите поделиться и добавьте на домашний экран для установки» или что-то в этом роде).Нет никакого способа автоматически предложить пользователю установить, как Chrome 'beforeinstallprompt'

Вам не нужно беспокоиться о Chrome или Firefox для iOS, , потому что они все равно не работают .iOS позволяет устанавливать только PWA с Safari Mobile

...