Was ist Web-App-Manifest-Generator?
Ein Web App Manifest ist eine JSON-Datei, die Browsern mitteilt, wie sich Ihre Webanwendung verhalten soll, wenn sie auf dem Gerät eines Benutzers installiert wird. Es steuert den App-Namen, Symbole, Farben und das Startverhalten. Für statische Seiten auf GitHub Pages ist ein Manifest der entscheidende Schritt, um die Site als Progressive Web App installierbar zu machen.
Kurze Antwort
Ein Web App Manifest steuert, wie Ihre Site aussieht, wenn sie auf einem Geräte-Startbildschirm installiert wird. Es legt den App-Namen, Symbole, die theme-color und das Startverhalten für PWA-fähige statische Sites fest.
Last updated: 2026-06-11
Einschränkungen
- Das Manifest funktioniert nur über HTTPS. HTTP-Seiten können das Manifest nicht für Installationsaufforderungen verwenden.
- Das Manifest erfordert tatsächliche Icon-Bilddateien an den angegebenen Pfaden. Fehlende oder falsch benannte Icons führen zur Ablehnung des Manifests durch den Browser.
- Das Installationsverhalten unterscheidet sich zwischen Android und iOS. Android verwendet das Manifest für Installationsaufforderungen, während iOS auf Apple touch icon meta-Tags angewiesen ist.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
So nutzt du dieses Tool
- Geben Sie Ihren Site-Namen und einen optionalen Kurznamen ein, der unter 12 Zeichen liegt.
- Wählen Sie den Anzeigemodus: standalone entfernt die Browser-Chrome für ein app-ähnliches Erlebnis.
- Legen Sie Icon-Pfade zu PNG-Bildern in empfohlenen Größen wie 192x192 und 512x512 fest.
- Kopieren Sie das generierte Manifest-JSON und speichern Sie es als site.webmanifest im Site-Wurzelverzeichnis.
Wofür du es nutzen kannst
- Eine statische Dokumentationsseite auf mobilen Startbildschirmen installierbar machen.
- PWA-Metadaten zu einem Blog hinzufügen, damit wiederkehrende Leser ihn wie eine App starten können.
- Ein Web App Manifest vorbereiten, bevor eine Site bei einem PWA-Verzeichnis eingereicht wird.