Skip to content
О сайте Блог Обучение Исследовать узоры Case studies
Содержание
  • Критерии установки

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

Feb 14, 2020 — Обновлено May 19, 2021
Available in: English, Español, Português, 中文, 日本語 и 한국어
Appears in: Прогрессивные веб-приложения
Pete LePage
Pete LePage
TwitterGitHubGlitchHomepage
Содержание
  • Критерии установки

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

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

Большинство браузеров указывают пользователю, что прогрессивное веб-приложение (PWA) можно установить, если оно соответствует определенным критериям. Среди индикаторов — кнопка «Установить» в адресной строке или пункт «Установить» в дополнительном меню.

Скриншот омнибокса с отображаемым индикатором установки.
Браузер предлагает установку (настольный компьютер)
Скриншот браузера, предлагающего установку.
Браузер предлагает установку (мобильное устройство)

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

Критерии установки #

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

  • Веб-приложение еще не установлено
  • Соответствует эвристике взаимодействия с пользователем
  • Поставляется по HTTPS
  • Включает манифест веб-приложения, в который входят:
    • short_name или name
    • icons — должно включать значки размером 192 пикселя и 512 пикселей.
    • start_url
    • display — значение должно быть fullscreen, standalone или minimal-ui
    • prefer_related_applications не должен присутствовать или быть false
  • Регистрирует сервис-воркер с помощью обработчика fetch

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

  • Edge
  • Firefox
  • Opera
  • Samsung Internet
  • UC Browser
На Android, если манифест веб-приложения включает related_applications и "prefer_related_applications": true, пользователь будет перенаправлен в магазин Google Play и вместо этого ему будет предложено установить указанное приложение Android.
Прогрессивные веб-приложения
Последнее обновление: May 19, 2021 — Улучшить статью
Return to all articles
Поделиться
подписаться

Contribute

  • Сообщить об ошибке
  • Просмотреть исходный код

Дополнительная информация

  • developer.chrome.com
  • Новости Chrome
  • Разборы конкретных случаев
  • Подкасты
  • Шоу

Соцсети

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Все продукты
  • Условия и конфиденциальность
  • Правила сообщества

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.