Ändern Progressive Web App Hintergrundfarbe

Question

Ich habe eine Progressive Web App, die auf dem Startbildschirm hinzugefügt werden kann. Wenn das Home-Bildschirm-Symbol angetippt wird (auf dem Handy), gibt es eine (Art von) Willkommensseite mit einem Symbol, das vor dem Öffnen der eigentlichen App erscheint.

Ich habe die Hintergrundfarbe dieses Begrüßungsbildschirms in menifest.json blau eingestellt. Ich muss es braun machen. Ich habe die Datei menifest.json geändert und die Website aktualisiert. Aber das Handy scheint es permanent zwischengespeichert zu haben und es zeigt immer noch blau.

Ich habe die Seite mehrmals aktualisiert und die Web-App zum Home-Bildschirm mehrmals hinzugefügt. Aber es ändert sich nie.

Ich habe auch den Cache-Namen in service-worker.js geändert. Aber kein Glück!

Answer 1

1. Stecker in Ihrem Gerät
2. Besuch chrome: // prüfen
3. Überprüfen Sie das Gerät/Tab Sie für Ihre Website suchen
4. In DevTools auf Registerkarte Netzwerk gehen
5. Auswählen ‚Disable Cache "
6. aktualisieren Sie Ihre Web-App
7. Dann versuchen Sie zu Startbildschirm Hinzufügen

Wenn Sie die richtige Farbe erhalten, ist dies ein guter Hinweis darauf, dass Ihr vorheriges Manifest zwischengespeichert wurde, und Sie sollten eine Zwischenspeicherstrategie in Erwägung ziehen, wobei entweder die Datei manifest.json neu manifest.12345.json) ODER setze passende Header.

Eine Sache zu beachten: Auf Android gibt es keine Möglichkeit, die Symbol/Manifest-Details zu aktualisieren, sobald es zum Homescreen hinzugefügt wird - das ist ein bekanntes Problem/Bug.