Installazione PWA

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 ‘Installa’ 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});