Bieżąca strona nie wyświetla błędu 200, gdy jest offline
bookmark_border bookmark
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Z listy kontrolnej podstawowej progresywnej aplikacji internetowej wynika, że aplikacja PWA powinna udostępniać niestandardową stronę offline. Z listy kontrolnej optymalizacji progresywnej aplikacji internetowej wynika, że aplikacja PWA powinna działać w trybie offline, tak samo jak offline i online (wszędzie tam, gdzie połączenie sieciowe nie jest bezwzględnie wymagane).
Więcej informacji znajdziesz w poście Co to jest niezawodność sieci i jak ją mierzysz? .
Co się dzieje z kontrolą offline w Lighthouse
Lighthouse oznacza strony, które nie odpowiadają odpowiedzią HTTP 200 w trybie offline:
Lighthouse emuluje połączenie offline przy użyciu protokołu zdalnego debugowania Chrome , a następnie próbuje pobrać stronę przy użyciu XMLHttpRequest
.
Uwaga: w interfejsie raportu Lighthouse otrzymasz pełną plakietkę PWA, gdy zaliczysz wszystkie kontrole PWA (Szybkość i niezawodność , Zainstaluj i Zoptymalizowana pod kątem PWA ).
Jak skonfigurować aplikację PWA w trybie offline
Sukces: pole robocze jest zalecanym podejściem do dodawania mechanizmów Service Worker do witryn, ponieważ automatyzuje wiele elementów źródłowych, ułatwia stosowanie sprawdzonych metod i zapobiega występowaniu drobnych błędów, które często występują podczas bezpośredniego używania niskopoziomowego interfejsu API ServiceWorker
.
Dodaj do aplikacji skrypt service worker .
Użyj skryptu service worker do lokalnego buforowania plików.
W trybie offline należy używać skryptu service worker jako sieciowego serwera proxy, aby zwrócić wersję pliku zapisaną w lokalnej pamięci podręcznej.
Zasoby
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0 , a fragmenty kodu są dostępne na licencji Apache 2.0 . Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers . Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2024-04-16 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2024-04-16 UTC."],[],[]]