Podstawowa strona offline dla aplikacji internetowych w Chrome na Androida

Zainstalowane aplikacje platformy można uruchamiać nawet w trybie offline. W takiej sytuacji często wyświetla się strona z informacją, że połączenie z internetem jest niedostępne. Niektórzy deweloperzy tworzą nawet pełny zestaw funkcji, z których można korzystać w trybie offline.

Dzięki aplikacjom internetowym możliwość pracy w trybie offline jest bardziej zaawansowana. było to możliwe dzięki wdrożeniu interfejsu Service Worker API. Poza tym, gdy witryny stały się dostępne do zainstalowania, progresywna aplikacja internetowa dodała wymogi dotyczące zarejestrowania mechanizmu Service Worker i wdrożenia metody fetch() w celu zainstalowania aplikacji internetowej. Chodziło o zachęcenie deweloperów do informowania użytkowników o tym, że w danym momencie nie można korzystać z aplikacji.

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

Jeśli aplikacja nie ma zaimplementowanego niestandardowego działania offline, to gdy użytkownik jest offline, na domyślnej stronie offline wyświetla się ikona aplikacji i prosty komunikat Jesteś offline. Podobnie jak w przykładzie poniżej.

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

Zapoznaj się z tą błędem, aby zobaczyć, jak działa poprzedni przykład.

Opcja tworzenia własnej niestandardowej strony offline jest nadal dostępna. W filmie poniżej pokazujemy, jak wyświetlać niestandardową stronę przy użyciu jednego wiersza kodu przy użyciu Workbox.

Ta funkcja jest dostępna na urządzeniach z Androidem (Chrome 109) i na komputerach (Chrome 110). Jeśli masz jakieś uwagi, prześlij je do nas za pomocą tego formularza.

Zdjęcie: Sten Ritterfeld, Unsplash