Verbesserte Erkennung der Offlineunterstützung von progressiven Web-Apps

Penny McLachlan
Penny McLachlan

Progressive Web-Apps (PWAs) sind ein Muster für Erstellung moderner, installierbarer Anwendungen mithilfe von Webtechnologien für Mobil- und Desktop-Geräten.

Eines der Kriterien für eine moderne Weberfahrung, bei PWAs ist, dass die App auch dann funktionieren muss, wenn das Gerät ist offline. Das bedeutet, dass kein Chrome Dino-Bildschirm angezeigt wird, wenn der Nutzer das Netzwerk verliert. auf ihr Gerät zugreifen können.

Das Ziel aller PWA-Kriterien ist es, sicherzustellen, qualitativ hochwertiger und wettbewerbsfähiger Nutzererfahrung im Web. Leistung von Chrome prüft die PWA-Kriterien, bevor die Installation aktiviert wird für eine PWA.

Nur Apps, die alle Core-Funktionen Kriterien für die Installierbarkeit progressiver Web-Apps, einschließlich Unterstützung können über Chrome auf dem Gerät installiert werden.

Vorherige Offlineerkennungslogik

Die Überprüfung der Offlineunterstützung ist Teil der PWA-Installierbarkeit seit einigen Jahren. Bis vor Kurzem verfügte Chrome über keine die Möglichkeit, Anfragen über den Service Worker zu simulieren, kein korrektes Offline-Verhalten aufgetreten ist.

Diagramm eines Service Workers

Das bedeutete, dass Chrome nicht prüfen konnte, ob die fetch Event-Handler hat während der Offline-Prüfung eine gültige Ressource mit HTTP 200 zurückgegeben. Chrome hat nur geprüft, ob der Service Worker tatsächlich einen fetch-Handler hat.

Aktualisierte Offlineerkennungslogik

In Chrome 89 ist es nun möglich, simulierte Offlineanfragen über die Service Worker ermöglicht eine verbesserte Offline-Erkennungslogik, Offline-Unterstützung der Anwendung.

Mit dieser neuen Funktion wollten wir sicherstellen, dass PWAs eine gültige wenn ich offline bin, aber diese Pläne bestehen bleiben. Prüfung auf Installierbarkeit werden weiterhin übergeben, wenn die Seite einen Service Worker mit einem fetch-Event-Handler.

Was bedeutet das für Entwickler?

Obwohl keine Änderungen erforderlich sind, empfehlen wir Ihnen dringend, eine da wir mit der aktualisierten Logik auf gültige zu einem späteren Zeitpunkt wieder aktivieren.

Sie entscheiden selbst, welche Offlineerfahrung Sie bieten möchten. An einem Ende des Spektrums stehen voll funktionsfähige Offline-Funktionen. Das bedeutet, das Pre-Caching aller benötigten Ressourcen und Daten und das Synchronisieren der Daten mit Ihrem wenn der Nutzer wieder online ist. Das Caching von Ressourcen verbessert auch wichtigen Webmesswerten, da so keine Downloads mehr Ressourcen aus dem Netzwerk zu erhalten. Am anderen Ende des Spektrums stehen Benutzerdefinierte Offline-Fallback-Seite hinzufügen.

Die Warnung, die unter dem Der Tab Probleme in den Entwicklertools wird um Chrome 90 entfernt.