Pourquoi pas ce travail apple-touch-icon?

Question

Je le code suivant dans mon site:

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

Quand je regarde la source dans Firefox et cliquez sur l'attribut href l'icône montre (de sorte que pas une erreur 404).

Lorsque le code est ajouté à une page comme http://website.com/mobile/index.php ou http://website.com/mobile/page.php et la page est ajoutée à un iPhone homescreen l'icône fonctionne très bien, mais quand l'URL de la page est comme http://website.com/page ou http://website.com/index l'icône ne se présente pas.

erreurs Pas apparaissent dans la « console de débogage d'un site Web » fourni dans les options Safari et j'ai essayé de vider le cache et les cookies.

Aussi j'utiliser la balise site <base href="http://website.com/mobile/" />, qui apparaît à la fois http://website.com/mobile/index.php et http://website.com/index. Mais je ne vois pas comment cela effet depuis la pomme-touch-icon utilise une URL complète.

Answer 1

Essayez d'utiliser une URL relative:

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

Il devrait aller dans votre répertoire de base et trouver l'icône dans /images.

Answer 2

Cela ne fonctionnera que sur un site HTTP ou HTTPS avec certificat de sécurité valide et fiable .

S'il y a une erreur de certificat, iOS ne se charge pas l'image. faire confiance temporairement le certificat dans Safari pour la page ne sera pas confiance au certificat pour le raccourci homescreen. Si vous utilisez un certificat auto-signé, vous devez ajouter le certificat racine non sécurisé comme un certificat de confiance au niveau du système d'exploitation.

1. Sur l'appareil iOS, accédez à une page qui a un lien vers le fichier .crt
2. Appuyez sur le lien
3. Approuver / Installer tous les écrans de confirmation