¿Por qué no esta de apple-touch-icon trabajo?

Question

Tengo el siguiente código en mi sitio web:

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

Cuando me vea el código fuente de Firefox y haga clic en el atributo href en el icono de la muestra (por lo que no es un error 404).

Cuando el código se agrega a una página como http://website.com/mobile/index.php o http://website.com/mobile/page.php y la página se agrega a un iPhone de pantalla de inicio el icono funciona bien, pero cuando la url de la página es como http://website.com/page o http://website.com/index el icono no se muestra.

No aparecen errores en el "sitio web de la consola de depuración" que figura en el Safari opciones y he intentado borrar la caché y las cookies.

También puedo usar la etiqueta <base href="http://website.com/mobile/" /> sitio web, que se muestra en ambos http://website.com/mobile/index.php y http://website.com/index.Pero no puedo ver lo que iba a efecto desde el apple-touch-icon utiliza una dirección url completa.

Answer 1

Trate de usar una dirección URL relativa:

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

Debe ir a su directorio base y encontrar el icono en /images.

Answer 2

Esto sólo funcionará a partir de HTTP o HTTPS sitio con un Válida y de confianza certificado de seguridad.

Si hay un error de certificado, iOS no carga la imagen.Temporalmente confiar en el certificado en Safari para que la página no va a confiar en el certificado para la pantalla de inicio de acceso directo.Si usted está usando un certificado auto-firmado, debe agregar los que no son de confianza certificado raíz como un certificado de confianza a nivel de sistema operativo.

1. En el dispositivo iOS, navegue a una página que tiene un enlace a la .archivo de crt
2. Pulsa en el enlace
3. Aprobar/Instalar a través de todas las pantallas de confirmación