Loading…
Generate Web App Manifest files for Progressive Web Apps. Review the result before reusing it in another workflow.
No shortcuts added. Shortcuts appear on long-press of app icon.
{
"name": "My PWA App",
"short_name": "MyApp",
"description": "A progressive web application",
"start_url": "/",
"display": "standalone",
"orientation": "any",
"theme_color": "#6366f1",
"background_color": "#ffffff",
"scope": "/",
"lang": "en",
"dir": "ltr",
"icons": [
{
"src": "/icons/icon-72x72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "/icons/icon-96x96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "/icons/icon-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "/icons/icon-144x144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "/icons/icon-152x152.png",
"sizes": "152x152",
"type": "image/png"
},
{
"src": "/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}<link rel="manifest" href="/manifest.json" /><meta name="theme-color" content="#6366f1" /><link rel="apple-touch-icon" href="/icons/icon-192x192.png" />if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js');
}