Fallstudie - Veraltete Service Worker schnell zurücksetzen
Eine kostenlose, proprietäre Chrome-Erweiterung, mit der sich Service Worker und Cache Storage für den aktuellen Origin prüfen und zurücksetzen lassen.
- Kunde
- Service Worker Manager
- Jahr
- Leistungen
- Produktentwicklung, Entwicklerwerkzeuge, Chrome-Erweiterung
Überblick
Beim Wechsel zwischen lokalen Projekten stießen wir immer wieder auf dasselbe Problem. Anwendungen verwendeten localhost-Ports erneut, während alte Service Worker und zwischengespeicherte Dateien zurückblieben. Das nächste Projekt lud veraltete Dateien und wirkte fehlerhaft, obwohl sein Code in Ordnung war.
Wir entwickelten ein Werkzeug, um diese Überreste zu sehen und zu entfernen, ohne jedes Mal die DevTools zu öffnen. Zuerst nutzten wir es selbst. Anschließend veröffentlichten wir es als kostenlose Chrome-Erweiterung, damit auch andere Entwickler damit arbeiten können.
Praxistipp
Service Worker Manager ist kostenlos und im Chrome Web Store verfügbar. Heften Sie die Erweiterung an, damit sie griffbereit ist, wenn veralteter localhost-Zustand Zeit kostet.
Erweiterung installieren
Sie brauchen Hilfe oder möchten zuerst den Umgang mit Daten prüfen? Lesen Sie die Supportseite und die Datenschutzerklärung.
Sie möchten zuerst eine kurze Einführung sehen? Schauen Sie sich das
YouTube-Video
an.
Was wir umgesetzt haben
Das Popup zeigt Service-Worker-Registrierungen und benannte Caches für den Origin des aktiven Tabs. Sie können Worker deregistrieren, Caches leeren oder beides auf einmal zurücksetzen. Wenn die Seite weiterhin veralteten Zustand verwendet, können Sie sie nach dem Bereinigen neu laden lassen.
Alles läuft lokal im Browser, mit auf diese Aufgabe beschränkten Berechtigungen. Die Erweiterung arbeitet am aktuellen Origin. Sie bereinigt keine anderen Websites gesammelt, kontaktiert keine entfernten Dienste und erfasst keine Telemetrie.
Sie richtet sich an Entwickler von Progressive Web Apps, Offline-first-Anwendungen und lokalen Projekten, bei denen Service Worker die Sitzung überdauern können, in der sie angelegt wurden.
- Entwicklerwerkzeuge
- Chrome-Erweiterung
- Service Worker
- Entwickeln auf localhost
Wir haben Service Worker Manager zuerst für uns selbst gebaut. Veraltete Worker auf erneut verwendeten localhost-Ports ließen funktionierende Apps immer wieder fehlerhaft erscheinen. Als das Werkzeug zu unserem festen Debugging-Ablauf gehörte, war die Veröffentlichung für andere Entwickler der naheliegende nächste Schritt.
- Für Entwickler nutzbar
- Kostenlos
- Lokale Verarbeitung
- 100%
- Übertragene Daten
- 0
- Telemetrie oder entfernte Dienste
- 0