App Manifest
Die manifest.json Datei enthält grundlegende Informationen zur Anwendung für die PWA (opens in a new tab).
- manifest.json
Beispielkonfiguration
{
"short_name": "TERRATWIN",
"name": "Digitaler Zwilling",
"scope": "../",
"icons": [
{
"src": "icons/favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "icons/logo512.png",
"type": "image/png",
"sizes": "512x512",
"purpose": "maskable"
},
{
"src": "icons/logo192.png",
"type": "image/png",
"sizes": "192x192"
}
],
"start_url": "/",
"display": "standalone",
"theme_color": "#ffffff",
"background_color": "#ffffff"
}Parameter
| Eigenschaft | Typ | Beschreibung |
|---|---|---|
short_name | String | Kurzer Name der Anwendung, der auf dem Home-Bildschirm angezeigt wird. |
name | String | Vollständiger Name oder Untertitel der Anwendung. |
scope | String | Der Bereich der URLs, die zur Anwendung gehören, standardmäßig auf das Verzeichnis der Anwendung gesetzt. |
start_url | String | Die URL, die geladen wird, wenn die Anwendung gestartet wird, oft auf das Hauptverzeichnis gesetzt. |
display | String | Bestimmt die Anzeigemodi der Anwendung: "fullscreen", "standalone", "minimal-ui" oder "browser". |
theme_color | String | Die Farbe des Themes der Anwendung, normalerweise die Farbe der Titelleiste. |
background_color | String | Die Hintergrundfarbe, die beim Starten der Anwendung angezeigt wird. |
icons | Array | Liste von App-Icons für verschiedene Geräte und Situationen. Jedes Icon wird als Objekt angegeben. Weitere Informationen |
Details zu icons
| Eigenschaft | Typ | Beschreibung |
|---|---|---|
src | String | Der Pfad zur Bilddatei. |
type | String | Der MIME-Typ des Bildes, z.B. "image/png". |
sizes | String | Die Größen des Icons, die benötigt werden, z.B. "192x192". |
purpose | String | Der Verwendungszweck des Icons, z.B. "maskable" für Maskierungsunterstützung. |