Thursday, 16 April 2020

Minimal Files for a Proper Progressive Web App (PWA)

All 3 files below must be served from HTTPS.

Web contents
app.html:
<!DOCTYPE html>
<html>
  <head>
    <title>App</title>
    <link rel="manifest" href="manifest.json"/>
  </head>
  <body>
    body-contents
  </body>
</html>
<!--EOF-->

Configurations
manifest.json:
{
  "name":       "My App",
  "short_name": "My App",
  "start_url":  "app.html",
  "display":    "standalone",

  "icons": [
    {
      "src":   "/pwa/icon144.png",
      "type":  "image/png",
      "sizes": "144x144"
    }
  ]
}

At least 1 icon (must be 144 on Vivaldi)
and the real image size must be 144x144 too:
icon144.png

No comments:

Post a Comment