Le favicon n'apparaît pas dans la barre d'adresse dans IE9 - mais est affiché dans tous les autres navigateurs
Celui-ci est vraiment étrange - et j'ai essayé tout ce que je peux penser. Je n'ai aucun problème avec cela dans Firefox, Chrome ou Opera. Et lorsque je change l'icône sur le serveur, celle-ci est mise à jour immédiatement sur les autres navigateurs, mais ne s'affiche toujours pas dans IE9.
Incidemment, l'image est affichée dans ma liste de "favoris" lorsque je l'ajoute à mes favoris dans IE9 - elle ne s'affichera tout simplement pas dans la barre d'adresse URL. J'ai également vérifié que le fichier ico fonctionne pour un autre site Web. J'ai également effacé fidèlement l'historique IE du navigateur/les fichiers Internet temporaires chaque fois que j'ai apporté une modification. Voici quelques versions de code que j'ai essayées dans le fichier .ASPX. La première version fonctionne sur un autre site Web ASPX que j'utilise:
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
Essayez de mettre le chemin absolu et non le chemin relatif:
<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>
Aussi, où as-tu mis l'image? De ce que je me souviens, il tirera automatiquement à partir d'un certain emplacement sur votre serveur en fonction du navigateur Web.
Aplies à Windows 7 et 9 ou plus!
Je me suis battu avec ce problème de favicon pendant des jours - il a montré dans tous les navigateurs mais pas dans ie9!
Je soupçonnais le format du fichier; plus précisément son en-tête de définition qui définit la structure de favicon.ico, car c’était la seule chose qui restait à examiner après avoir suivi plusieurs tutoriels et méthodes à la lettre sans succès!
Il semble que j’avais raison - Windows 7 + ie9 s’attend à ce que l’icône soit construite en 4 icônes, toutes contenues dans un fichier.
Pas à pas:
1) J'ai construit un graphique en couleurs de 24 bits de 64x64 pixels et l'ai enregistré au format png
2) J'ai importé ce fichier dans un freebee appelé X-icon Editor, obtenez-le ici http://www.xiconeditor.com/
3) Une fois que j'ai prévisualisé le résultat (il y aura quatre images 64x64, 32x32, 24x24 et 16x6 (toutes en pixels) et j'étais satisfait du résultat:
4) J'ai exporté le résultat et noté les astuces avant d'exporter…
5) J'ai ensuite utilisé leenregistrer souset j'ai dirigé le fichier vers la racine des fichiers de mon site (où se trouve le fichier index.html). Le fichier que j'ai enregistré était favicon.ico.
6) Si vous souhaitez afficher les fichiers, accédez au répertoire du site sur votre disque dur et double-cliquez sur le fichier favicon.ico. Windows Photo Viewer affiche 4 pages représentant chacune la taille de l'icône.
7) Modifiez votre code sous comme suit (le détail se trouve à l’étape 4 des astuces): sous la balisetêteinsérez cette balise: link rel = "icône de raccourci" href = "favicon.ico"/
8) Téléchargez les modifications sur votre serveur.
9) Effacer les fichiers de cache ie9
10) Attendez environ 20 minutes (peut prendre plus de temps)
11) Connectez-vous sur votre site et vous devriez voir le favicon
Alors, quelles sont les autres icônes incorporées dans un seul fichier favicon.ico?
64x64 sont les grandes icônes utilisées par Windows (si vous créez un raccourci sur votre bureau qui contient de grandes icônes, la favicon affichera votre graphique en 64x64pixels),
32x32 comme ci-dessus mais pour un bureau configuré pour des icônes de bureau moyennes
24x24 comme ci-dessus mais pour un ensemble de bureau avec de petites icônes de bureau
16x16 est le favicon utilisé sur votre page Web. C’est aussi l’icône utilisée dans la zone Pinto dans la barre inférieure du bureau (barre des tâches) - déplacez le raccourci du bureau vers la barre des tâches et vous le verrez redimensionné.
Tout est fait - cela fonctionne - soyez patient pour qu'il apparaisse!
PS (utilisateurs avancés), vous pouvez avoir plusieurs fichiers "Favicon", mais vous devrez les renommer tous.
puis sous la balise head, pointez sur chacun des fichiers d'icônes pour les différentes pages - mais vous ne pouvez en avoir qu'un (ou aucun pour plusieurs fichiers), les fichiers favicon.ico ... deviennent un peu poilus si vous sont novices mais foncez
Essayez de changer le rel = "icône de raccourci" en "icône". Cela fonctionne pour moi.
<link rel="icon" href="/favicon.ico" />
Utilisez > à la fin de la balise si vous utilisez HTML4 ou HTML5, et /> pour XHTML.
En outre, vous devrez peut-être essayer d'utiliser type="image/vnd.Microsoft.icon"
Source : FavIcon (dans la barre d'adresse) ne fonctionne pas dans IE 9
Essayez le site: http://favicon.htmlkit.com/favicon/ (testé et fonctionnant dans tous les navigateurs)
1) Effacer le cache du navigateur. 2) Incluez toutes les images dans le package que vous créez à partir du site ci-dessus.
J'ai eu le même problème avec les polices et favicon dans IE9. Bien que j'aie longuement étudié les problèmes côté client, les paramètres du serveur étaient à l'origine de ce problème.
Le mode de contrôle du cache client était défini sur "DisableCache" dans IIS. Cela empêchait IE9 de charger les polices ou le favicon. Tous les autres navigateurs (modernes) ont bien fonctionné.
Dans IIS 7, vous devez définir le contrôle du cache sur "NoControl" dans le favicon ou le dossier de polices:
<location path="fonts">
<system.webServer>
<staticContent>
<clientCache cacheControlMode="NoControl" />
</staticContent>
</system.webServer>
</location>