Логотип Projectlify

Як встановити PWA -
Прогресивний веб-додаток?

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

Скріншот iPhone
Пояснення

Що таке PWA - Прогресивний веб-додаток?

Прогресивний веб-додаток (PWA) — це веб-сайт, який можна завантажити на пристрій і використовувати як додаток. Хоча PWA можна використовувати як звичайну веб-сторінку, встановлення надає певні переваги. Встановлений PWA можна використовувати навіть без інтернет-з’єднання. Він також з’явиться разом з іншими вашими додатками для зручного доступу. Процес встановлення залежить від вашої операційної системи та веб-браузера.

SAFARI

Процес встановлення на iOS мобільний

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

Скріншот мобільного сайту Projectlify на iPhone з виділеною кнопкою Share в центрі внизу.Розгорнуте меню Share на iPhone з виділеною кнопкою 'Додати на головний екран'.Перегляд 'Додати на головний екран' на iPhone з додатком Projectlify та виділеною кнопкою 'Додати'.

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

CHROME

Процес встановлення на Android мобільний

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

Скріншот мобільного сайту Projectlify на телефоні з виділеною кнопкою трьох крапок у верхньому правому куті.Розгорнуте меню налаштувань Chrome з виділеною кнопкою 'Додати на головний екран'.Перегляд 'Додати на головний екран' на Android з додатком Projectlify та виділеною кнопкою 'Встановити'.

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

Desktop PWA

Встановлення PWA на Windows та MacOS

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


На Windows PWA буде доступний у меню Пуск. На Mac PWA з’явиться в лаунчері та у пошуку Spotlight.

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

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

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

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

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

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