Online Tool Store
PWA-Manifest-Generator
Erstellen Sie eine PWA-Web-App-Manifest-Datei (manifest.json) mit App-Name, Kurzname, Start-URL, Anzeigemodus sowie Design- und Hintergrundfarbe.
🔒 Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien werden niemals an einen Server hochgeladen.
manifest.webmanifest
Beispiel gezeigt – ergänzen Sie nach dem Kopieren Ihre eigenen Icon-Einträge im Projekt.
So funktioniert der PWA-Manifest-Generator
- Geben Sie App-Identität, Start-URL, Anzeigemodus und Farben ein.
- Prüfen Sie das erzeugte JSON, während sich die Werte aktualisieren.
- Kopieren Sie es in eine Manifest-Datei und verlinken Sie diese auf Ihrer Website.
Ein Web-App-Manifest sind JSON-Metadaten. Browser nutzen Felder wie name, start_url, display und theme_color, um eine installierbare Web-App einheitlich darzustellen.
FAQ
Was ist ein Web-App-Manifest?
Es ist eine JSON-Datei, die Browsern mitteilt, wie eine Website aussehen und starten soll, wenn sie als App installiert wird.
Erzeugt dieses Tool Icons?
Nein. Es enthält einen Beispiel-Icon-Eintrag; erstellen und ergänzen Sie Ihre eigenen Icon-Dateien.
Macht das meine Website zu einer PWA?
Nein. Ein Service Worker und weitere Installationsvoraussetzungen müssen weiterhin in Ihrem Projekt eingerichtet werden.
Wie füge ich das erzeugte Manifest zu meiner Website hinzu?
Kopieren Sie das JSON, speichern Sie es als manifest.json im Stammverzeichnis Ihrer Website und verlinken Sie es im <head> Ihres HTML mit <link rel="manifest" href="/manifest.json">.
Was ist der Unterschied zwischen den Feldern Name und Kurzname?
"name" ist der vollständige App-Name auf der Installationsaufforderung und in der App-Liste; "short_name" ist eine kürzere Bezeichnung unter dem Startbildschirm-Symbol, wo der Platz begrenzt ist.
So schneiden wir ab
| Merkmal | Online Tool Store | PWABuilder | Handgeschriebenes JSON |
|---|---|---|---|
| Live-Vorschau des Manifests | ✓ | ✓ | Manuell |
| Kein Konto nötig | ✓ | ✓ | ✓ |
Für einen kleinen Manifest-Entwurf ohne umfassenden PWA-Workflow hält diese Seite die wichtigsten Felder und die Ausgabe zusammen.