favicon.ico

[n.venturi]

Una domanda:
con il tema mobile 7, aggiungevo l'icona favicon.ico al progetto e la caricavo con la seguente stringa nel file Desktop.htm <link rel="icon" href="favicon.ico" type="image/x-icon" />
Questo faceva si che su smartphone, quando veniva aggiunto il sito internet (applicazione) nella home, il segnalibro veniva visualizzato con l'icona.
Questo sembra non funzionare con il tema Ionic.
C'è modo di visualizzare l'icona dell'applicazione quando viene aggiunta come collegamento nella home dei dispositivi?

[ljwilson]

Lo faccio usando il file manifest.json

sample desktop.htm

2024-09-12_15-35-37.png (24.72 KiB) Viewed 626 times

sample manifest.json

2024-09-12_15-36-34.png (20.87 KiB) Viewed 626 times

Con questo in filelist.txt:

Code: Select all

manifest.json
images\_logo_512.png

Naturalmente se non si utilizza il debug, è necessario utilizzare desktop_sm.htm. In entrambi i casi, è sufficiente inserire i file desktop modificati nella cartella personalizzata (verranno copiati automaticamente).

...jack

[n.venturi]

Ti funziona con il temo IONIC ?

[d.pierangeli]

Il tema Ionic non ha nessuna differenza in questo rispetto agli altri. Dovrebbe funzionare come il mobile, forse sono i browser che hanno cambiato comportamento.

[n.venturi]

Faccio la stessa cosa, sullo stesso dispositivo con due applicazioni diverse (una in mobile7 e l'altra in IONIC). La prima mi crea l'icona correttamente, la seconda no.. Molto strano..

[d.pierangeli]

Che strano, non dovrebbe, l'unica differenza è il css.
Non è che in una hai personalizzato anche desktop_sm e nell'altra no? Non mi vengono in mente altre possibilità.

[n.venturi]

In entrambe ho personalizzato Desktop.htm e Desktop_sm.htm
Mistero

[ljwilson]

Sì, il codice che ho pubblicato lo uso in un'app mobile ionica.

...jack

[n.venturi]

Allora provo con il file manifest.json
Il file manifest l'hai creato tu oppure hai modificato un file esistente? Lo posso creare solo con il tag "icons" o sono obbligatori anche tutti gli altri?

[ljwilson]

L'ho creato io stesso cercando su Google esempi per applicazioni PWA.

Avevo bisogno di tutti questi per far funzionare l'icona per il collegamento mobile sul "desktop" sia per le applicazioni web Android che iOS che utilizzano il tema ionico.

...jack