Zum Inhalt springen
TextArray1.41.0
100% lokal

Web-App-Manifest-Generator

Erstellen Sie ein gültiges manifest.json für Ihre Progressive Web App aus Name, Icons, Farben und Display-Optionen.

Ausgabe
Verwandte Tools
Meta-Tag-GeneratorEntwickler-Tools
Humans.txt-GeneratorEntwickler-Tools
Robots.txt-GeneratorEntwickler-Tools
i18n SchlüsseldiffEntwickler-Tools
TOML-zu-JSON-KonverterEntwickler-Tools
SQL zu JSONEntwickler-Tools
Web-App-Manifest-Generator
Ein Web-App-Manifest teilt Browsern und Betriebssystemen mit, wie Ihre Progressive Web App aussehen und sich verhalten soll, wenn sie installiert ist — ihr Name, Ikonensatz, Farben und ob sie in einem eigenen Fenster oder in einem Browser-Tab geöffnet wird. Dieses Tool erstellt das manifest.json aus verschiedenen Feldern, sodass Sie sich nicht an die exakte JSON-Form erinnern oder die erforderlichen Schlüssel nachschlagen müssen.
Geben Sie den App-Namen und Kurznamen ein und legen Sie dann den Display-Modus fest (Standalone ist die übliche Wahl für eine App, die sich nativ anfühlen soll), Ausrichtung, und Theme- und Hintergrundfarben, die den Splash-Screen und die Browser-Chrome auf Android steuern. Fügen Sie Icons als einen Eintrag pro Zeile oder durch Semikola im Format src|sizes|purpose hinzu — zum Beispiel /icon-512.png|512x512|any — und das Tool ermittelt automatisch den MIME-Type aus der Dateierweiterung. Shortcuts (Jump-List-Einträge wie Verfassen oder Posteingang) und verknüpfte Native-App-Links folgen der gleichen src|sizes|purpose-Schreibweise, jedes Feld durch einen Strich getrennt.
Das Tool überprüft die Felder während der Eingabe: Es kennzeichnet einen fehlenden App-Namen, bevor etwas generiert wird, und es warnt — ohne die Ausgabe zu blockieren — wenn Ihr Ikonensatz keinen 192x192- oder 512x512-Eintrag hat, da Installierungsprüfungen auf Android und dem Desktop diese spezifischen Größen suchen, oder wenn eine Icon-Zeile ihre Größe völlig ausgelassen hat.
Alles läuft lokal in Ihrem Browser ab; keine Details Ihrer App werden irgendwohin gesendet. Die Ausgabe ist der manifest.json-Inhalt gefolgt vom <link rel="manifest">-Tag, den Sie in den <head>-Bereich Ihrer Seite einfügen können. Kopieren Sie ihn, laden Sie ihn als .txt-Datei herunter, um ihn selbst umzubenennen, oder senden Sie ihn direkt an die Eingabe eines anderen Tools.
Häufige Fragen
Welche Felder benötigt ein Manifest tatsächlich?
Nur ein Name (oder short_name) ist für dieses Tool erforderlich, um etwas zu generieren. In der Praxis wollen Browser auch mindestens ein 192x192- und ein 512x512-Icon, bevor sie die App anbieten — das Tool warnt, wenn diese fehlen.
Wie formatiere ich das Icons-Feld?
Ein Icon pro Eintrag, durch Semikola getrennt, im Format src|sizes|purpose — zum Beispiel /icon-192.png|192x192|any. Sizes und purpose sind optional, aber das Weglassen von Sizes löst eine Warnung aus.
Was macht prefer_related_applications?
Es teilt dem Browser mit, die native App, die unter verknüpften Anwendungen aufgeführt ist, statt die Web-App zu installieren, vorzuschlagen. Es wird nur in der Ausgabe angezeigt, sobald Sie mindestens eine verknüpfte Anwendung hinzufügen.
Wo speichere ich die generierte Datei?
Speichern Sie den JSON-Teil als manifest.json an Ihrer Site-Root (oder wo Sie möchten, passen Sie den Link-href entsprechend an) und fügen Sie das generierte <link>-Tag in den <head> Ihrer HTML ein.
Werden meine App-Daten irgendwohin hochgeladen?
Nein. Das Manifest wird vollständig in Ihrem Browser aus den Feldern, die Sie ausfüllen, zusammengestellt — nichts über Ihre App wird an einen Server gesendet.