Kann ich eine PWA verwenden, um eine kleine Website zu cachen?

Question

Ich habe ein mobiles Design mit ungefähr 100 Textabschnitten, die über die Website verteilt sind. Es ist winzig.

Ich möchte es als offline Webapp arbeiten lassen. Wenn Benutzer den Inhalt geöffnet haben, sollte die Website in der Lage sein, während der Flugphase (ohne WiFi) nahezu fehlerfrei zu funktionieren.

Ich habe ein wenig über PWA's gelesen und das meiste geht über Caching der Stylesheets und Skripte. Überließe ich die Absätze vielleicht durch ein Skript? Jedes Licht zu diesem Thema wäre großartig.

Answer 1

Ja, Sie können definitiv erreichen, was Sie mit einem Service Worker suchen.

Ich denke, Ihre Absätze sind in einer HTML-Datei, richtig? SW kann alle statischen Assets zwischenspeichern, so dass der HTML-Code, der sowohl auf Skripts als auch auf Stylesheets verweist, ebenfalls zwischengespeichert werden kann.

Je nachdem, wie tief würden Sie in PWA Details tauchen gerne, man konnte nur eine einfache Bibliothek wie UpUp https://www.talater.com/upup/ oder aus durch das Lesen von Google verwenden beginnen die Einführung in die Technologie https://developers.google.com/web/fundamentals/getting-started/primers/service-workers

Dies könnte auch hilfreich sein, https://developers.google.com/web/ilt/pwa/lab-caching-files-with-service-worker