Bild- und Asset-Tools

Kostenlose Web App Manifest Validator

Validiere ein Web-App-Manifest-JSON gegen die W3C-Spezifikation mit Installierbarkeits-Checkliste.

Tool wird geladen...

Was ist Web App Manifest Validator?

Ein Web-App-Manifest ist eine JSON-Datei, die Browsern mitteilt, wie sich Ihre Web-App verhalten soll, wenn sie auf dem Gerät eines Benutzers installiert wird. Es legt den App-Namen, Symbole, Start-URL, Anzeigemodus, Theme-Farben und andere Eigenschaften fest. Das Manifest wird im HTML-Kopf mit einem link-Tag verknüpft.

Kurze Antwort

Validieren Sie Ihr Web-App-Manifest-JSON auf PWA-Installierbarkeit. Erforderlich: name, icons (192x192 und 512x512), start_url, display-Modus (standalone/fullscreen/minimal-ui). Das Manifest muss im HTML-Kopf verknüpft und mit Content-Type: application/manifest+json ausgeliefert werden.

Last updated: 2026-05-28

Einschränkungen

  • Dieser Validator prüft nur den Manifest-JSON-Inhalt. Er verifiziert nicht, dass Symboldateien existieren, die start_url 200 zurückgibt oder der Service Worker registriert ist.
  • Die W3C-Web-App-Manifest-Spezifikation entwickelt sich weiter. Neue Felder werden noch nicht validiert.
  • Verschiedene Browser haben unterschiedliche Installierbarkeitsanforderungen. Testen Sie auf echten Geräten.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

So nutzt du dieses Tool

  1. Fügen Sie den vollständigen JSON-Inhalt Ihres Web-App-Manifests in den Textbereich ein.
  2. Das Tool parst das JSON und prüft jedes Feld gegen die W3C-Web-App-Manifest-Spezifikation.
  3. Prüfen Sie Fehler (müssen behoben werden) und Warnungen (sollten behoben werden) und folgen Sie der Installierbarkeits-Checkliste vor der Bereitstellung.
  4. Kopieren Sie die Korrekturen in Ihre Manifest-Datei und stellen Sie die aktualisierte PWA bereit.

Wofür du es nutzen kannst

  • Validieren Sie ein Manifest vor der Bereitstellung einer PWA, um die Installierbarkeitsanforderungen zu erfüllen.
  • Debuggen Sie, warum die PWA-Installationsaufforderung nicht erscheint.
  • Auditieren Sie ein vorhandenes Manifest nach dem Hinzufügen neuer Symbole oder Änderungen der Start-URL.

Anwendungsfalle

Praxisbeispiele

Beispiel

Pre-Launch-Manifest-Check

Ein Entwickler erstellt ein Manifest mit dem Manifest-Generator der Seite und fügt es in den Validator ein. Dieser meldet einen fehlenden short_name, empfiehlt ein 512x512-Symbol und warnt, dass die start_url nicht mit / beginnt.

Beispiel

Debugging der PWA-Installationsaufforderung

Eine PWA zeigt die Installationsaufforderung in Chrome nicht an. Das Einfügen des Manifests in den Validator zeigt, dass das icons-Array leer ist.

Haufige Fehler

  • Das Manifest nicht im HTML-Kopf zu verknüpfen - der Browser kann es ohne das link-Tag nicht finden.
  • Ein leeres oder fehlendes icons-Array zu verwenden - mindestens ein 192x192- und ein 512x512-PNG-Symbol sind erforderlich.
  • Den Anzeigemodus auf browser zu setzen, aber eine installierbare App zu erwarten.

Überprüfung

  1. Führen Sie einen Lighthouse-PWA-Audit durch - er prüft das Manifest zusammen mit anderen Installierbarkeitsanforderungen.
  2. Öffnen Sie Chrome DevTools > Application > Manifest und prüfen Sie, ob alle Felder korrekt geparst werden.

FAQ

Fragen zu Web App Manifest Validator

Warum wird meine PWA-Installationsaufforderung nicht angezeigt?

Chrome und Edge benötigen: das Manifest im HTML-Kopf, korrekten MIME-Typ, name, short_name (oder name unter 30 Zeichen), 192x192- und 512x512-PNG-Symbole, start_url im scope, display standalone/fullscreen/minimal-ui und einen registrierten Service Worker.

Ist short_name erforderlich, wenn name bereits kurz ist?

Wenn name 30 Zeichen oder weniger hat, verwenden einige Plattformen es als Kurznamen. Die explizite Angabe von short_name gewährleistet jedoch konsistentes Verhalten. Das empfohlene Maximum für short_name beträgt 12 Zeichen.

Mit welchem MIME-Typ sollte das Manifest ausgeliefert werden?

Das Manifest muss mit Content-Type: application/manifest+json ausgeliefert werden. GitHub Pages liefert .webmanifest-Dateien automatisch mit diesem MIME-Typ aus.

Verwandte Tools

Weitere bild- und asset-tools

Auch ausprobieren

Auch ausprobieren

Css

CSS Carousel Generator

Generate native CSS carousel markup with scroll-snap, scroll buttons, scroll markers, and accessible list structure. No JavaScript required.

Tool öffnen