Question Comment puis-je forcer un rafraîchissement favicon


J'ai une application Grails en cours d'exécution localement en utilisant son propre tomcat et je viens de changer le favicon pour un nouveau. Le problème est que je ne peux pas le voir dans un navigateur. Le vieux favicon apparaît ou je n'ai aucun favicon du tout, mais pas mon nouveau. Je ne pense pas que ce soit un problème de Grails en soi, plus un problème avec les favicons.

Qu'est-ce qui est censé arriver avec les favicons? Comment sont-ils censés travailler? J'ai de nombreux signets dans mon navigateur qui ont les mauvaises icônes et ils ne semblent jamais être actualisés. Comment forcer le serveur / navigateur à arrêter de les mettre en cache? Il semble assez idiot de toujours les mettre en cache étant donné qu'ils ne sont normalement que de 16x16. Pourquoi ne pas simplement télécharger chaque visite sur la page, ce n'est pas exactement un énorme frais généraux.


1353
2018-02-05 17:09


origine


Réponses:


Pour actualiser la favicon de votre site, vous pouvez forcer les navigateurs à télécharger une nouvelle version en utilisant la balise link et une chaîne de requête sur votre nom de fichier. Ceci est particulièrement utile dans les environnements de production pour s'assurer que vos utilisateurs obtiennent la mise à jour.

<link rel="icon" href="http://www.yoursite.com/favicon.ico?v=2" />

1878
2017-08-19 03:39



Ok, après 10 minutes de travail, le moyen facile de le réparer est proche de celui des lineofbirds

  1. Tapez www.yoursite.com/favicon.ico (ou www.yoursite.com/apple-touch-icon.png, etc.)
  2. Pousser entrer
  3. ctrl+f5
  4. Redémarrer le navigateur (IE, Firefox)

782
2018-03-08 23:45



Cette réponse n'a pas encore été donnée, alors j'ai pensé que je l'afficherais. J'ai regardé tout autour du web, et n'ai pas trouvé une bonne réponse pour tester les favicons dans le développement local.

Dans la version actuelle de chrome (sur OSX), si vous faites ce qui suit, vous obtiendrez un rafraîchissement instantané de favicon:

  1. Survolez l'onglet
  2. Clic-droit
  3. Sélectionnez recharger
  4. Votre favicon devrait maintenant être rafraichie

C'est le moyen le plus simple que j'ai trouvé pour actualiser le favicon localement.


213
2017-09-23 19:14



Renommez le fichier favicon et ajoutez un en-tête HTML avec le nouveau nom, tel que:

<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon2.ico" />

52
2018-02-05 17:14



Si vous utilisez PHP, vous pouvez également utiliser le MD5-Hash du favicon en tant que chaîne de requête:

<link rel="shortcut icon" href="favicon.ico?v=<?php echo md5_file('favicon.ico') ?>" />

De cette façon, le Favicon sera toujours actualisé lorsqu'il a été changé.

Comme indiqué dans les commentaires, vous pouvez également utiliser la dernière date de modification au lieu du MD5-Hash pour obtenir la même chose et économiser un peu sur les performances du serveur:

<link rel="shortcut icon" href="favicon.ico?v=<?php echo filemtime('favicon.ico') ?>" />

51
2018-06-11 14:54



Si sur Windows et en utilisant le chrome, quittez-le de la barre des tâches (Ctrl + Alt + Suppr) et tuez toutes les instances puis allez à ...

C:\Users\your_username\AppData\Local\Google\Chrome\User Data\Default

ou...

%appData%/../Local/Google/Chrome/User Data/Default

et supprime les fichiers Favicons-journal, Favicons

puis commencez le chrome


Étant donné que cette solution implique de redémarrer votre navigateur, vous pourriez ne pas revenir ici une fois que vous avez réussi .. alors considérez up-vote maintenant .. faites-moi confiance fonctionne, plus vous pouvez toujours retirer votre vote de toute façon


38
2017-09-28 12:53



Dans Chrome sur Mac OS X, il est possible de supprimer un fichier avec favicon cache

${user.home}/Library/Application Support/Google/Chrome/Default/Favicons 

27
2017-10-25 11:33



Eh bien, les frais généraux sont frais généraux, mais oui, pas trop grand.

En outre, les navigateurs sont parfois "avides" de fichiers mis en cache. Vous pouvez effacer le cache et / ou redémarrer votre navigateur et voir le changement. Si cela échoue cependant ...

Ma solution cheapo est de:

  1. Visitez votre dossier à http://example.com/favicon.ico dans votre navigateur
  2. Supprimez le favicon.ico de votre site Web.
  3. Visite http://example.com/favicon.ico à nouveau dans un navigateur, vérifiez qu'il est manquant.
  4. Téléchargez-en un nouveau sur votre site Web.
  5. Visite http://example.com/favicon.ico à nouveau dans un navigateur, vérifiez que c'est le nouveau.

Si cette séquence ne fonctionne pas, alors il se passe quelque chose d'autre.


15
2018-02-05 17:15