Perché non sarà questa mela-touch-icona lavoro?

Question

Ho il seguente codice nel mio sito web:

<link rel="apple-touch-icon" href="http://website.com/images/apple-touch-icon.png" />

Quando osservo la fonte in Firefox e fare clic sul attributo href l'icona spettacoli (quindi non è un errore 404).

Quando si aggiunge il codice a una pagina come http://website.com/mobile/index.php o http://website.com/mobile/page.php e la pagina viene aggiunto a un iPhone homescreen l'icona funziona bene, ma quando l'URL della pagina è come http://website.com/page o http://website.com/index l'icona non si presenta.

Nessun errore vengono visualizzati nel "sito web console di debug" previsto nelle opzioni di Safari e ho provato svuotare la cache e cookie.

Anche io uso il sito tag <base href="http://website.com/mobile/" />, che si presenta su entrambi http://website.com/mobile/index.php e http://website.com/index. Ma non riesco a vedere come sarebbe effetto da quando il touch-icona Apple utilizza un URL completo.

Answer 1

Provare a utilizzare un URL relativo:

<link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />

Si dovrebbe andare nella directory di base e trovare l'icona in /images.

Answer 2

Questo sarà solo il lavoro da un sito HTTP o HTTPS con un certificato di sicurezza valido e attendibile .

Se c'è un errore di certificato, iOS non caricare l'immagine. Temporaneamente confidando il certificato in Safari per la pagina non si fida il certificato per il collegamento homescreen. Se si utilizza un certificato auto-firmato, è necessario aggiungere il certificato principale non attendibile come un certificato attendibile a livello di sistema operativo.

1. Sul dispositivo iOS, passare a una pagina che ha un collegamento al file .crt
2. Toccare il collegamento
3. Approva / Installare attraverso tutte le schermate di conferma