Podstawowa strona offline dla aplikacji internetowych w Chrome na Androida

Zainstalowane aplikacje na platformie można uruchamiać nawet w trybie offline. W takich przypadkach często wyświetla się strona z informacją o braku dostępu do internetu. Niektórzy deweloperzy tworzą nawet pełen zestaw funkcji, z których można korzystać w trybie offline.

Aplikacje internetowe umożliwiają pracę w trybie offline w nowszym okresie – stało się to dzięki udostępnieniu interfejsu Service Worker API. Ponadto, gdy możliwe było instalowanie stron internetowych, PWA wprowadziło wymog zarejestrowania skryptu service worker i wdrożenia metody fetch(), dzięki czemu aplikacja internetowa mogła zostać zainstalowana. Celem było zachęcenie deweloperów do powiadomienia użytkowników przynajmniej o tym, że w danym momencie nie można użyć aplikacji.

Teraz deweloperzy nie muszą nic robić, aby uzyskać domyślną stronę offline. Od wersji 109 na Androida przeglądarka automatycznie generuje stronę, która informuje użytkownika, że jest offline.

Jeśli aplikacja nie ma niestandardowych funkcji offline, gdy użytkownik jest offline, domyślna strona offline wyświetla ikonę aplikacji i prosty komunikat Jesteś offline. Przykład poniżej.

Domyślna strona offline dla przykładowej aplikacji internetowej. Logo to różowe kółko i 2 znaki plusa oraz komunikat „Jesteś offline”.

Zapoznaj się z tym błędem, by zobaczyć, jak działa poprzedni przykład.

Opcja tworzenia własnych stron offline jest nadal dostępna. W tym filmie pokazujemy, jak wyświetlić niestandardową stronę przy użyciu Workbox, korzystając z jednego wiersza kodu.

Ta funkcja jest dostępna na urządzeniach z Androidem (Chrome 109) i na komputerach (Chrome 110). Jeśli chcesz przekazać nam swoją opinię, prześlij ją za pomocą tego formularza.

Autor zdjęcia: Sten Ritterfeld, strona Unsplash