Что нужно для установки?

Pete LePage

Progressive Web Apps (PWA) — это современные высококачественные приложения, созданные с использованием веб-технологий. PWA предлагают возможности, аналогичные возможностям приложений iOS/Android/настольных компьютеров, они надежны даже в условиях нестабильной сети и могут быть установлены, что упрощает пользователям их поиск и использование.

Большинство пользователей знакомы с установкой приложений и преимуществами установленного опыта. Установленные приложения отображаются на поверхностях запуска операционной системы, таких как папка «Приложения» в Mac OS X, меню «Пуск» в Windows и домашний экран в Android и iOS. Установленные приложения также отображаются в переключателе активности, поисковых системах устройств, таких как Spotlight, и в таблицах обмена контентом.

Большинство браузеров указывают пользователю, что ваше Progressive Web App (PWA) может быть установлено, если оно соответствует определенным критериям. Примерами индикаторов являются кнопка «Установить» в адресной строке или пункт меню «Установить» в раскрывающемся меню.

Кроме того, при выполнении критериев многие браузеры запускают событие beforeinstallprompt , позволяя вам предоставить пользовательский интерфейс внутри приложения, который инициирует процесс установки в вашем приложении.

Установить критерии

В Chrome ваше прогрессивное веб-приложение должно соответствовать следующим критериям, прежде чем оно запустит событие beforeinstallprompt и отобразит продвижение установки в браузере:

• Веб-приложение еще не установлено
• Соответствует эвристике взаимодействия с пользователем:
  • Пользователь должен щелкнуть или нажать на страницу хотя бы один раз (в любое время, даже во время предыдущей загрузки страницы)
  • Пользователь должен провести не менее 30 секунд за просмотром страницы (в любое время)
• Обслуживаться по протоколу HTTPS
• Включает манифест веб-приложения , который включает:
  • short_name или name
  • icons - должны включать иконки размером 192px и 512px
  • start_url
  • display - должен быть fullscreen , standalone , minimal-ui или window-controls-overlay
  • prefer_related_applications не должен присутствовать или иметь false

Другие браузеры имеют схожие критерии установки, хотя могут быть небольшие различия. Проверьте соответствующие сайты для получения полной информации:

• Край
• Firefox