Entwicklertools-Tipps: Fehler in PWA debuggen

Sofia Emelianova
Sofia Emelianova

Progressive Web-Apps (PWAs) sind Web-Apps, die mit modernen APIs erstellt und optimiert wurden, um erweiterte Funktionen, Zuverlässigkeit und Installierbarkeit zu bieten. Sie können damit alle Nutzer an sämtlichen Standorten und auf allen Geräten erreichen – und das mit einer einzigen Codebasis.

Im Video erfahren Sie, wie Sie diese Apps mit den Chrome-Entwicklertools beheben.

Mit den DevTools können Sie:

  • Prüfen Sie die Manifestdatei Ihrer App, die Ihre App installierbar macht. Beispiel:
    • Symbole für verschiedene Plattformen prüfen
    • Fehler abfangen
    • Konfigurieren Sie eine umfangreichere Installationsoberfläche mit Beschreibung und Screenshots.
  • Testen Sie Dienst-Worker, die als Proxys zwischen Ihrer App und dem Netzwerk fungieren. Beispiel:
    • Prüfen Sie die Registrierung des Workers.
    • Prüfen Sie die Versionierung und Aktivität der Worker.
    • Worker-Version beim Aktualisieren aktualisieren
    • Sie können die Netzwerkverbindung debuggen, indem Sie den Offlinemodus emulieren oder Worker umgehen.
    • Netzwerknachrichten testen

Weitere Informationen erhalten Sie unter: