Keine Werbung mögen? Gehen Werbefrei Heute 

Generator für Webapp-Manifest von PWA

DatenEntwickler

ANZEIGE Entfernen?

EINGANG

Automatischer Prozess

Appidentität

Name

Vollständiger App-Name, der auf der Installationsanzeige und der Startseite angezeigt wird

Kurzname

Wird auf der Startseite verwendet (empfohlen: 12 Zeichen oder weniger)

Beschreibung

Lang

Primäre Sprache (BCP 47-Tag, z. B. en-US, fr, de-DE)

Textrichtung

Navigation

Start-URL

URL, die beim Start der App geöffnet wird

Grenze

Navigationsgrenze für die App (optional)

App-ID

Einzigartige Identität für die App (optional, empfohlen)

Anzeigemodus

Orientierung

Designfarbe

Farben der Browser-Leiste und Statusleiste, wenn die App geöffnet ist

Hintergrundfarbe

Hintergrundfarbe auf der Startseite während der App-Initialisierung

Icons

Icons-Base-Path

Ordnerpfad, in dem Ihre Icon-Dateien liegen (wird verwendet, um Quell-URLs zu erstellen)

Icon-Dateinamen-Muster

Verwenden Sie {size} als Platzhalter – wird mit jeder ausgewählten Größe ersetzt

Icon-MIME-Typ

Icon-Zweck

72×72 einbeziehen

96×96 einbeziehen

128×128 einbeziehen

144×144 einbeziehen

152×152 einbeziehen

192×192 einbeziehen

384×384 einbeziehen

512×512 einbeziehen

AUSGABE

Client-Seite

manifest.json

HTML-Link-Tag

ANZEIGE Entfernen?

Führung

Generator für Webapp-Manifest von PWA

Erstellen Sie eine gültige manifest.json Datei für Ihr Progressive Web App in Sekunden. Füllen Sie die Identität Ihrer App aus, wählen Sie einen Anzeigemodus, wählen Sie die Icon-Größen, die Sie liefern, und das Tool erzeugt sauberes JSON, das Sie direkt in Ihr Projekt einfügen können – plus die entsprechende <link rel="manifest"> Tag für Ihre HTML-Datei.

Nutzung

Geben Sie den Namen Ihrer App ein Name und Kurzname. Der vollständige Name erscheint auf der Installationsanzeige; der kurze Name wird unter dem Startbildschirm-Icon angezeigt.
Legen Sie die Start-URL, Grenzefest, und die optionale App-ID damit der Browser weiß, was zu starten und wie die Navigation begrenzt wird.
Wählen Sie einen Anzeigemodus (standalone, fullscreen, minimal-ui, browser) und einen Orientierung.
Wählen Sie einen Designfarbe (Browser-UI) und einen Hintergrundfarbe (Startbildschirm).
Legen Sie die Icons-Base-Path und einen Dateinamenergänzungsmuster mit {size} als Platzhalter, dann markieren Sie die Icon-Größen, die Sie tatsächlich liefern.
Kopieren Sie das generierte manifest.json oder klicken Sie auf das Download-Icon. Fügen Sie das <link rel="manifest"> Tag in Ihre <head>.

Funktionen

Alle standardmäßigen Manifest-Felder – Name, short_name, Beschreibung, lang, dir, id, start_url, scope, display, orientation, theme_color, background_color.
Icon-Größen-Checkliste – 72, 96, 128, 144, 152, 192, 384 und 512 Pixel, mit automatisch generierten src URLs aus einem Basispfad und einem Dateinamenergänzungsmuster.
Icon-Zweck-Unterstützung – any, maskable, „any maskable“ und monochrome.
Live-JSON-Vorschau – sauber formatierte JSON-Datei, die sich bei Eingabe aktualisiert und mit Syntaxhervorhebung angezeigt wird.
Installierbarkeitsprüfungen – Warnung, wenn Name, start_url oder das empfohlene 192x192/512x512-Icon-Paar fehlt.
Kopieren oder Herunterladen – ein-klick-Kopieren oder Herunterladen als manifest.json mit dem richtigen MIME-Typ.
HTML-Link-Tag – bereit zum Einfügen <link rel="manifest"> Stück.
100% clientseitig – nichts verlässt Ihren Browser. Keine Konten, keine Quoten.

 Häufig gestellte Fragen

Was ist eine Webapp-Manifestdatei?

Eine Webapp-Manifestdatei ist eine JSON-Datei, die dem Browser sagt, wie Ihre Progressive Web App beim Installieren verhalten soll. Sie enthält den Namen der App, Icons, Start-URL, Anzeigemodus, Farbthemen und andere Metadaten, die in der Installationsanzeige, dem Startbildschirm und dem Startbildschirm-Start-Programm verwendet werden.
Welche Felder sind für eine installierbare PWA erforderlich?

Mindestens benötigt der Browser den Namen (oder short_name), die start_url, den Anzeigemodus auf standalone, fullscreen oder minimal-ui und mindestens ein 192x192-Icon sowie ein 512x512-Icon. Hinzufügen von theme_color und background_color wird stark empfohlen, um ein ansprechendes Installierererlebnis zu schaffen.
Welche Unterschiede gibt es zwischen den Anzeigemodellen?

standalone verdeckt das Browser-UI und sieht wie eine native App aus. fullscreen verdeckt auch die Statusleiste, was für Spiele nützlich ist. minimal-ui behält eine kleine Menge Browser-Steuerung. browser öffnet die App in einem normalen Tab. Die meisten PWAs wählen standalone.
Was bedeutet das Feld „Icon Purpose“?

Zweck gibt dem Browser an, wie ein Icon dargestellt werden kann. „any“ ist der Standard und lässt dem Browser die Komposition des Icons nach Belieben durchführen. „maskable“ bedeutet, dass das Bild so konzipiert ist, dass es in einem OS-definierten Sicherheitsbereich gefüllt wird, sodass der Startbildschirm es in eine Kreisform, ein Querform oder eine gerundete Quadratform kürzen kann, ohne wichtige Inhalte zu kürzen.
Wo sollte ich manifest.json und das Link-Tag platzieren?

Platzieren Sie manifest.json an der Wurzel Ihrer Website oder unter einem stabilen Pfad, und verweisen Sie von jeder HTML-Datei mit einem Tag innerhalb der . Stellen Sie sicher, dass die Datei mit dem Content-Typ application/manifest+json gesendet wird.

Möchten Sie werbefrei genießen? Werde noch heute werbefrei



 Erweiterungen installieren

IO-Tools zu Ihrem Lieblingsbrowser hinzufügen für sofortigen Zugriff und schnellere Suche

恵 Die Anzeigetafel ist eingetroffen!

Anzeigetafel ist eine unterhaltsame Möglichkeit, Ihre Spiele zu verfolgen. Alle Daten werden in Ihrem Browser gespeichert. Weitere Funktionen folgen in Kürze!

ANZEIGE Entfernen?