Utilizzare i manifest nella web app

Ho scoperto che nelle applicazioni web è possibile utilizzare un file manifest, che da determinate informazioni quando si "installano" nelle homescreen dei dispositivi mobili.

E' una tecnologia non ancora stabile e pienamente suppoortata, ma sarebbe già il caso di aggiungerla ai nostri siti.

Quindi vediamo un esempio; il file segue la notazione JSON:

{
    "name": "Mattepuffo.com",
    "short_name": "Mattepuffo",
    "start_url": "https://wwww.mattepuffo.com/blog",
    "theme_color": "#ffffff",
    "background_color": "#ffffff",
    "display": "standalone",
    "icons": [
        {
            "src": "images/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "images/android-chrome-256x256.png",
            "sizes": "256x256",
            "type": "image/png"
        }
    ]
}

Qui abbiamo indicato alcune informazioni, che potete leggere direttamente nella documentazione ufficiale di Mozilla Developer.

A questo punto, dobbiamo aggiungere una riga nella pagina HTML:

<link rel="manifest" href="/manifest.json">

Enjoy!