Web App Manifest Generator
Generiere ein PWA-Web-App-Manifest.json mit allen erforderlichen Feldern.
Symbole
Speichern Sie die App-Symbole im Verzeichnis /icons/. Empfohlene Größen: 192×192 und 512×512 PNG-Dateien.
manifest.json
{
"name": "My App",
"short_name": "App",
"description": "A progressive web application.",
"start_url": "/",
"display": "standalone",
"theme_color": "#4f46e5",
"background_color": "#ffffff",
"orientation": "any",
"scope": "/",
"lang": "en",
"icons": [
{
"src": "/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}Über dieses Tool
Ein Web-App-Manifest ist eine JSON-Datei, die Browser anweist, wie Ihre Progressive Web Application auf dem Gerät eines Benutzers angezeigt wird. Sie definiert wesentliche Informationen wie den Namen Ihrer App, die Start-URL, den Anzeigemodus, Symbole und Designfarben und ermöglicht es Ihrer Web-App, auf Telefonen, Tablets und Desktops wie eine native Anwendung installiert und gestartet zu werden.
Dieser Generator hilft Ihnen, eine vollständige manifest.json-Datei zu erstellen, indem Sie einfach die Details Ihrer App ausfüllen. Sie konfigurieren Felder wie Anzeigemodus (Standalone oder Vollbild), Orientierungseinstellungen, Sprache, Geltungsbereich und Farbschema und laden dann die generierte JSON herunter oder kopieren sie in das Stammverzeichnis Ihres Projekts. Das Tool fügt automatisch Platzhalter für die Symbolkonfiguration ein und stellt sicher, dass alle erforderlichen W3C-Web-App-Manifest-Eigenschaften korrekt formatiert sind.
Web-App-Manifeste sind für die PWA-Entwicklung (Progressive Web Application) unverzichtbar und verbessern die Auffindbarkeit in den App Stores von iOS und Android. Entwickler, die Single-Page-Anwendungen, webbasierte Tools oder Offline-fähige Websites erstellen, profitieren am meisten von diesem Tool, da es eine schnelle Manifest-Generierung ohne manuelle JSON-Syntaxschreibweise ermöglicht.
Häufig gestellte Fragen
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.