Per effettuare l’installazione dopo essersi connessi all’url della web-app basterà aspettare qualche secondo è selezionare l’icona di un ‘+’ o simili che si aprono vicino alla barra e dalla finestra selezionare ‘Installa’, la pwa si installerà istantaneamente sul dispositivo.
Per esempio su Google Chrome per Windows:
Per esempio su Mozilla Firefox per Android, selezionando ‘Install’ dal menu apribile attraverso l’icona dei tre puntini impilati:
Compatibilità #
Di seguito un elenco di compatibilità delle web-app con i browser su famosi differenziati per sistema operativo su cui girano:
Si | Non supportate | Si | – | |
Si | Si | Si | – | |
Non supportate | – | – | Si | |
Si | – | – | Non supportate |
Note #
* Per fare in modo che venga visualizzata l’icona scelta da noi (su Firefox per Android) è necessario nel manifest settare il parametro “purpose” al valore “any maskable”, come nello screen sotto:
(Per rendere la nostra icona effettivamente maskable, cioè che non venga tagliata quando viene inserita sulla home di dispositivi differenti ci si può rifare a https://maskable.app/editor).
** Per rendere l’icona visibile su iOs è necessario aggiungere nel metodo onStart dell’applicazione la seguente riga di codice:
app.head.add({headType : "link", rel : "apple-touch-icon", sizes : "180x180", href : $icon192});