Як встановити PWA -
Прогресивний веб-додаток?
Ці інструкції пояснюють, як встановити локальну копію прогресивного веб-додатку (PWA), що дозволяє отримувати доступ безпосередньо з вашого пристрою без відкриття браузера чи пошуку домену додатку. Після встановлення просто натисніть на значок додатку, щоб відкрити його та почати користуватися одразу.

Що таке PWA - Прогресивний веб-додаток?
Прогресивний веб-додаток (PWA) — це веб-сайт, який можна завантажити на пристрій і використовувати як додаток. Хоча PWA можна використовувати як звичайну веб-сторінку, встановлення надає певні переваги. Встановлений PWA можна використовувати навіть без інтернет-з’єднання. Він також з’явиться разом з іншими вашими додатками для зручного доступу. Процес встановлення залежить від вашої операційної системи та веб-браузера.
Процес встановлення на iOS мобільний
PWA можна встановити на iOS лише через веб-браузер Safari. Спочатку перейдіть на сайт у Safari. Натисніть кнопку "Поділитися" та виберіть "Додати на головний екран" у спливаючому вікні. Нарешті, натисніть "Додати" у верхньому правому куті, щоб завершити встановлення PWA. Тепер він з’явиться на головному екрані.



Скріншоти, що показують кроки встановлення PWA на iOS
Процес встановлення на Android мобільний
Стандартний браузер Chrome може встановлювати PWA на Android. Спочатку перейдіть на сайт у Chrome. Натисніть значок 'три крапки' у верхньому правому куті, щоб відкрити меню. Виберіть 'Додати на головний екран'. Натисніть кнопку 'Додати' у спливаючому вікні. PWA тепер встановлено і він доступний на головному екрані.



Скріншоти, що показують кроки встановлення PWA на Android
Встановлення PWA на Windows та MacOS
Google Chrome та Microsoft Edge наразі найкраще підтримують PWA на Windows та MacOS. Процес встановлення дуже схожий для обох браузерів. Спочатку перейдіть на сайт, який бажаєте встановити як PWA. Якщо сайт підтримує PWA, з’явиться значок праворуч від адресного рядка. Натисніть на значок, а потім кнопку 'Встановити'. Також можна встановити PWA через меню 'три крапки'.
На Windows PWA буде доступний у меню Пуск. На Mac PWA з’явиться в лаунчері та у пошуку Spotlight.

Скріншоти, що показують кроки встановлення PWA у браузері Google Chrome

Скріншоти, що показують кроки встановлення PWA у браузері Safari

Скріншоти, що показують кроки встановлення PWA у браузері Microsoft Edge