Jak zainstalować PWA - Progressive Web Application

Te instrukcje wyjaśniają, jak zainstalować lokalnie progresywną aplikację webową (PWA), co pozwoli Ci uzyskać do niej dostęp bezpośrednio z urządzenia, bez konieczności otwierania przeglądarki lub wyszukiwania domeny aplikacji. Po instalacji wystarczy kliknąć ikonę aplikacji, aby natychmiast z niej korzystać.

Instalacja na Androidzie Instalacja na iOS

Czym jest PWA - Progressive Web Application?

Progresywna aplikacja webowa (PWA) to strona internetowa, którą można pobrać na urządzenie i używać jak zwykłej aplikacji. Choć PWA może działać jak standardowa strona internetowa, jej instalacja zapewnia dodatkowe korzyści. Zainstalowana PWA działa także bez połączenia z internetem. Pojawia się również obok innych aplikacji, co ułatwia dostęp. Proces instalacji różni się w zależności od systemu operacyjnego i używanej przeglądarki.

Przeglądarka Safari

Proces instalacji na urządzeniach z iOS

PWA można zainstalować na iOS wyłącznie za pomocą przeglądarki Safari. Najpierw przejdź na stronę w Safari. Naciśnij przycisk „Udostępnij” i wybierz „Dodaj do ekranu domowego” z wyświetlonego menu. Na końcu stuknij „Dodaj” w prawym górnym rogu, aby zakończyć instalację. Ikona aplikacji pojawi się teraz na ekranie głównym.

Zrzut ekranu strony w Safari z wyróżnionym przyciskiem 3 kropek w prawym dolnym rogu

Zrzut ekranu strony w Safari z rozwiniętym menu i wyróżnionym przyciskiem „Udostępnij”

Menu udostępniania iOS z wyróżnioną opcją „Dodaj do ekranu domowego”

Ekran iOS „dodaj do ekranu domowego” z wyróżnionym przyciskiem „Dodaj”

Zrzuty ekranu przedstawiające kroki instalacji PWA na iOS

Google Chrome

Proces instalacji na urządzeniach z Androidem

Domyślna przeglądarka Chrome umożliwia instalowanie PWA na Androidzie. Najpierw przejdź na stronę w Chrome. Naciśnij ikonę „trzech kropek” w prawym górnym rogu, aby otworzyć menu. Wybierz „Dodaj do ekranu głównego”. W wyskakującym oknie stuknij „Dodaj”. PWA zostanie zainstalowane i pojawi się na ekranie głównym.

Zrzut ekranu strony w Chrome z wyróżnionym przyciskiem trzech kropek u góry po prawej

Zrzut ekranu strony w Chrome z rozwiniętym menu i wyróżnioną opcją „Dodaj do ekranu głównego”

Ekran Chrome z opcją instalacji PWA i wyróżnionym przyciskiem „Zainstaluj”

Ekran Chrome „dodaj do ekranu głównego” z wyróżnionym przyciskiem „Dodaj”

Zrzuty ekranu przedstawiające kroki instalacji PWA na Androidzie

PWA na komputery

Instalacja PWA na Windows i macOS

Google Chrome i Microsoft Edge zapewniają obecnie najlepszą obsługę PWA na Windows i macOS. Proces instalacji w obu przeglądarkach jest bardzo podobny. Najpierw przejdź do strony, którą chcesz zainstalować jako PWA. Jeśli strona obsługuje PWA, po prawej stronie paska adresu pojawi się odpowiednia ikona. Kliknij ją, a następnie wybierz „Zainstaluj”. Alternatywnie możesz zainstalować PWA przez menu „trzech kropek”. Na komputerze z Windows PWA pojawi się w menu Start. Na Macu będzie dostępne w Launchpadzie i wyszukiwarce Spotlight.