Progressive Web App (PWA)
Für die Nutzung von PWA‑Funktionen für eine Webseite ist ein Manifest in Form einer manifest.json sinnvoll. Die manifest.json teilt dem Browser mit, wie sich Ihre App verhalten soll, wenn sie auf einem Endgerät ausgeführt wird.
Beispiel
{
"name": "Meine Webseite",
"short_name": "MWS",
"description": "Tolle Sachen zum Lesen",
"start_url": ".",
"display": "browser",
"orientation": "any",
"icons": [
{
"src": "/favicon.svg",
"sizes": "any",
"type": "image/svg+xml",
"purpose": "any"
},
{
"src": "/icon-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
],
"categories": ["productivity", "utilities", "social"]
}
Tipps
- Die Parameter sollten sorgfältig gesetzt werden, insbesondere der Parameter
start_url. Gängige Werte sind z.B.: nicht angeben,"."oder"/"
Einbindung
Die manifest.json wird im der HTML-Seite eingebunden.
<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"/> <title>Page title</title> <link rel="manifest" href="./manifest.json"/> </head> <body> </body> </html>