Использование прогрессивного веб-приложения

Прогрессивное веб-приложение (PWA) — технология в веб-разработке, которая визуально и функционально трансформирует сайт в приложение (мобильное приложение в браузере).

Функциональность приложения зависит от используемого браузера:

  • установка ярлыка (значка) на рабочий стол устройства, визуально не отличающегося от ярлыка нативного приложения;

  • выбор способа отображения.

Установка PWA

Для установки PWA:

  1. Откройте приложение в браузере.

  2. В адресной строке нажмите на кнопку Установить приложение.

Данная кнопка отсутствует, если браузер не поддерживает PWA или используется соединение по HTTP.

В некоторых браузерах есть возможность выбора способа отображения.

Приложение откроется в новом окне; добавятся ярлыки в браузере и на рабочем столе устройства.

dsm pwa chrome
Рис. 1. Пример установки в браузере Google Chrome
dsm pwa yandex
Рис. 2. Пример установки в браузере «Яндекс Браузер»

Удаление PWA

Чтобы удалить PWA:

  1. Откройте установленное приложение.

  2. Нажмите на кнопку Настройка.

  3. В раскрывшемся меню нажмите на кнопку Удалить приложение.

Окно с приложением закроется, а само приложение будет удалено из браузера, как и все ярлыки, установленные на рабочем столе пользователя.

dsm pwa settings
Рис. 3. Пример отображения настроек установленного приложения