So verwenden Sie es
- Tragen Sie Name und Kurzname ein, dann die Start-URL und den Geltungsbereich der App.
- Wählen Sie den Anzeigemodus und tragen Sie Hintergrundfarbe und Designfarbe als Hex-Farben ein.
- Schreiben Sie unter Symbole je ein Symbol pro Zeile: die Adresse, dann Größen, Typ und Zwecke, durch Striche getrennt.
- Speichern Sie den Text unter manifest.webmanifest und beheben Sie jeden Hinweis unter Prüfungen zur Installierbarkeit.
Was die Felder bedeuten
Das Manifest ist eine JSON-Datei. Seine Felder beschreibt das W3C in der Web Application Manifest (Abschnitt 1). Geschrieben werden nur die Felder, die Sie ausfüllen; ein leeres Feld lässt sein Feld weg. Der Anzeigemodus bestimmt, wie der Browser die App zeigt. Unterstützt ein Browser einen Modus nicht, nimmt er den nächsten in dieser Kette (Abschnitt 6): fullscreen, dann standalone, dann minimal-ui, dann browser.
Eine Start-URL auf einem anderen Ursprung als die Seite wird ignoriert, weil die Spezifikation denselben Ursprung verlangt. Ein Geltungsbereich wird nur verwendet, wenn er die Start-URL enthält. Sonst verwenden Browser den Bereich, der die Start-URL ohne Dateinamen, Abfrage und Fragment ist.
Was die Hinweise prüfen
MDN nennt die Felder, die Browser auf Chromium-Basis brauchen, bevor sie eine Web-App zur Installation anbieten: einen Namen oder Kurznamen, Symbole mit einem Symbol von 192 px und einem von 512 px, eine Start-URL und einen Anzeigemodus. Außerdem heißt es, die Seite müsse über https oder von localhost ausgeliefert werden, und ein Service Worker sei nicht nötig. Firefox installiert auf dem Desktop eine Web-App nicht aus einer Manifestdatei.
Das Werkzeug prüft die oben genannten Felder und die Regel zum Geltungsbereich. Es prüft nicht die Symboldateien, die HTTPS-Adresse oder die Verlinkung auf Ihren Seiten; das müssen Sie selbst bestätigen.
Die Standardwerte
Mit den Werten, mit denen die Seite öffnet, enthält das Manifest die Felder unten. Die Prüfungen zeigen keinen Hinweis, weil Name, Start-URL und beide Symbolgrößen vorhanden sind.
| Feld | Wert |
|---|---|
| name, short_name | Notizen, Notizen |
| start_url, scope | /, / |
| display | standalone |
| background_color, theme_color | #ffffff, #1f6feb |
| icons | PNG-Dateien mit 192x192 und 512x512; das Symbol mit 512 hat die Zwecke any maskable |
Häufig gestellte Fragen
Wo speichere ich die Manifestdatei?
Speichern Sie sie im Stammverzeichnis der Website oder im Ordner der App und nennen Sie sie manifest.webmanifest. Verlinken Sie sie dann von jeder Seite der App mit einem link-Element, dessen rel manifest ist, wie MDN es beschreibt.
Brauche ich einen Service Worker, um die App zu installieren?
Nein. MDN sagt, ein Service Worker sei keine Bedingung dafür, dass eine PWA installierbar ist, obwohl viele Apps ihn für den Offline-Betrieb nutzen. Die Seite muss trotzdem über https oder von localhost ausgeliefert werden.
Welche Symbolgrößen brauche ich?
MDN nennt für Browser auf Chromium-Basis ein Symbol mit 192 px und eines mit 512 px. Geben Sie die Größen als BREITExHÖHE an; bei einer Datei mit mehreren Größen trennen Sie sie durch Leerzeichen. Eine SVG-Datei kann die Größe any haben.
Was ist der Unterschied zwischen Kurzname und Name?
Der Name ist der vollständige Name der App. Der Kurzname ist für Stellen gedacht, wo wenig Platz ist, etwa die Beschriftung unter dem Symbol auf dem Startbildschirm. Geben Sie mindestens einen von beiden an; das Werkzeug warnt, wenn beide leer sind.
Warum warnt das Werkzeug beim Geltungsbereich?
Ein Geltungsbereich wird nur verwendet, wenn er die Start-URL enthält (W3C, Abschnitt 1). Liegt die Start-URL außerhalb des Bereichs, ignorieren Browser den Bereich und nehmen ihren Standardbereich, sodass die App außerhalb des gemeinten Bereichs öffnen kann.
Quellen
- W3C (englisch): Web Application Manifest (Working Draft vom 6. November 2026, Abschnitte 1, 2 und 6)
- MDN (englisch): Making PWAs installable
- MDN (englisch): Feld display des Web-App-Manifests
- MDN (englisch): Feld icons des Web-App-Manifests
Zahlen und Text zuletzt geprüft: Dienstag, 10. November 2026.