Comment puis-je forcer un rafraîchissement de favicon?

j'ai une application Grails tournant 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 n'importe quel navigateur. Le vieux favicon se pointe ou je n'ai pas de favicon du tout, mais pas mon nouveau. Je ne pense pas que ce soit une question de Graal en soi, plus une question avec des favicons.

que doit - il se passer avec favicons? Comment sont-ils censés travailler? J'ai de nombreux signets dans mon navigateur, qui ont le tort icônes et ils ne semblent jamais actualisé. Comment puis-je forcer le serveur/navigateur à arrêter de les mettre en cache? Il semble assez stupide de toujours les mettre en cache étant donné qu'ils sont normalement seulement 16x16. Pourquoi ne pas simplement les télécharger à chaque visite de la page? Ce n'est pas vraiment un énorme frais généraux.

1398
demandé sur Nic3500 2010-02-05 20:09:03

30 réponses

pour rafraîchir le favicon de votre site, vous pouvez forcer les navigateurs à télécharger une nouvelle version en utilisant l'étiquette de lien et une interrogation 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" />
1937
répondu Mark 2016-03-12 15:49:32

Ok, après 10 minutes de wtf'ING, la manière facile de le fixer est proche de celle des lineofbirds

  1. Type www.yoursite.com/favicon.ico (ou www.yoursite.com/apple-touch-icon.png, etc.)
  2. Push entrée
  3. Ctrl + f5
  4. redémarrer le navigateur (IE, Firefox)
788
répondu alex 2016-09-24 20:38:40

cette réponse n'a pas encore été donnée, alors j'ai pensé que je la posterais. J'ai regardé partout sur le web, et n'ai pas trouvé une bonne réponse pour tester 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é favicon:

  1. passez au-dessus de l'onglet
  2. Clic Droit
  3. Sélectionnez recharger
  4. votre favicon devrait maintenant être rafraîchie

C'est le moyen le plus facile que j'ai trouvé pour rafraîchir le favicon localement.

241
répondu Garry Polley 2014-09-23 19:14:53

renommer le fichier favicon et Ajouter un en-tête html avec le nouveau nom, tel que:

<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon2.ico" />
54
répondu Klaus Byskov Pedersen 2010-02-05 17:14:52

si vous utilisez PHP vous pouvez également utiliser le MD5-Hash du favicon comme une 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 se rafraîchira toujours quand il a été changé.

comme indiqué dans les commentaires, vous pouvez également utiliser la date de la dernière modification au lieu du hachage MD5 pour réaliser la même chose et enregistrer un peu sur les performances du serveur:

<link rel="shortcut icon" href="favicon.ico?v=<?php echo filemtime('favicon.ico') ?>" />
51
répondu Felix Wienberg 2015-12-15 10:53:37

si vous utilisez Windows et chrome, quittez la barre des tâches (Ctrl+Alt+Delete) et supprimez 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 supprimer les fichiers Favicons-journal, Favicons

puis démarrer chrome


" puisque cette solution implique de redémarrer votre navigateur, vous pourriez ne pas revenir ici une fois vous réussir.. envisagez donc de voter maintenant.. faites-moi confiance fonctionne, plus vous pouvez toujours supprimer votre vote de toute façon

42
répondu konzo 2018-05-08 07:06:53

dans Chrome sur Mac OS X on peut supprimer le fichier avec cache favicon

${user.home}/Library/Application Support/Google/Chrome/Default/Favicons 
27
répondu Maxim Mazin 2013-10-25 11:33:14

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

en outre, les navigateurs sont parfois" gourmands " sur les fichiers mis en cache. Vous pouvez effacer le cache et / ou redémarrer votre navigateur et voir le changement. Si cela ne fonctionne pas bien...

Mon cheapo solution est de:

  1. visitez votre dossier à http://example.com/favicon.ico dans votre navigateur.
  2. supprimer le favicon.ico à partir de votre webroot.
  3. Visite http://example.com/favicon.ico de nouveau dans un navigateur, vérifiez qu'il en manque.
  4. Téléchargez le nouveau sur votre webroot.
  5. Visit http://example.com/favicon.ico encore une fois dans un navigateur, vérifiez que c'est le nouveau.

si cette séquence ne fonctionne pas, alors il se passe autre chose.

15
répondu artlung 2010-02-05 17:15:16

selon le navigateur, ils sont traités différemment, mais typiquement je trouve que aller à la page par défaut du site, et de faire un rafraîchissement dur. CTRL + F5 , sera généralement obtenir de mettre à jour.

11
répondu Mitchel Sellers 2017-11-15 12:14:45

pour Internet Explorer, il y a une autre solution:

  1. Ouvrez internet explorer.
  2. cliquez sur menu > Outils > options internet.
  3. , Cliquez sur général > fichiers internet temporaires > bouton "paramètres".
  4. cliquez sur le bouton" Voir les fichiers".
  5. Trouve ton vieux favicon.ico fichier et le supprimer.
  6. redémarrer le navigateur (internet explorer).
8
répondu nam 2012-11-25 01:31:37

Plus que probablement un problème de navigateur web. Vous devrez supprimer votre cache de votre navigateur, fermer votre navigateur et le rouvrir. Cela devrait résoudre le problème.

Je ne crois pas que vos favicons seront rafraîchis sur vos favoris jusqu'à ce que vous revisitez cette page, et en supposant que vous aviez préalablement nettoyé votre cache de navigateurs.

votre navigateur web ne va pas sortir sur internet pour vérifier un nouveau favicon sur son propre... dieu merci.

8
répondu Senica Gonzalez 2015-04-09 18:09:16

SUR MAC: + décaler - R ou maintenir Ctrl et cliquez sur le bouton de rechargement dans le navigateur.

8
répondu badmadrad 2017-11-20 13:43:47

essayer D'Ouvrir dans un nouvel onglet

j'ai essayé beaucoup des choses ci-dessus (réinitialisation de cache, rafraîchissement, utilisation de la balise de lien, etc), j'ai même vérifié mon fichier .htaccess et réinitialisé la variable ExpiresByType.

mais c'est ce qui a finalement fonctionné pour moi dans les deux Chrome (25.0.X) et Safari (6.0.1):

  1. cache Flushing
  2. en Dur reliant le favicon avec le <link> tag
  3. Naviguer vers mysite.com/favicon.ico
  4. ouverture mysite.com dans un nouvel onglet

(jusqu'à l'étape 3, rafraîchissante dans le même onglet gardé de reproduire l'ancienne icône.)

6
répondu Old McStopher 2013-03-11 11:37:30

pour Chrome sur macOS, si vous ne voulez pas supprimer toute la base de données Chrome favicon comme suggéré ici, vous pouvez supprimer seulement les icônes en conflit:

  1. Quitter Chrome
  2. Charger les icônes de base de données (en utilisant sqlite ici):

sqlite3 ~/Library/Application\ Support/Google/Chrome/Default/Favicons

  1. Rechercher le fichier qui est à l'origine de problèmes

select * from favicons where url = 'http://mysite.dev/favicon.ico';

  1. si vous êtes satisfait de la sortie:

delete from favicons where url = 'http://mysite.dev/favicon.ico';


alternativement , vous pouvez rechercher un modèle que vous pouvez réutiliser pour supprimer des entrées multiples:


  1. Recherche pour plusieurs fichiers qui sont à l'origine de problèmes

select * from favicons where url like 'http://mysite.dev%';

  1. et de nouveau si vous êtes heureux avec ce que ce retour:

delete from favicons where url like 'http://mysite.dev%';


  1. Tapez .exit et appuyez sur Retour pour quitter sqlite
  2. Redémarrer Chrome
6
répondu MrUpsidown 2017-01-30 20:59:58

lorsque vous demandez le favicon à Google, vous pouvez jeter un oeil aux en-têtes de réponse.

Last-Modified: Fri, 09 Jan 2009 16:35:02 GMT
Date: Thu, 01 Dec 2010 00:00:01 GMT
Expires: Fri, 01 Dec 2011 00:00:01 GMT
Cache-Control: public, max-age=31536000
Age: 7

si vous mettez un en-tête "Expires:" sur la réponse, les navigateurs clients réinitialiseront l'icône après cette date. Tout en faisant du développement actif, vous pourriez fixer le timestamp expire à une ou deux secondes dans le futur, et toujours le faire aller chercher ceci, bien que ce soit un mauvais plan à long terme.

5
répondu Dean J 2010-02-05 17:17:05

le support de Chrome favicon est bogué-ne tenez pas compte de cette réponse

j'ai écrit cette réponse sous l'impression que c'est ce qu'il a fallu pour rafraîchir favicons dans Google Chrome. Cependant, il s'avère que cela ne fonctionne que pendant les cinq premières minutes environ, jusqu'à ce que l'icône soit irrémédiablement perdue dans la synchronisation historique de Chrome .

réponse originale

Vous n'avez pas à vider votre cache, redémarrer votre navigateur, ou réécrivez votre HTML - vous avez juste besoin de changer L'URL de l'icône, une fois , de sorte que le navigateur oubliera l'icône précédemment mise en cache.

en supposant que vous avez défini votre icône par l'intermédiaire des éléments <link> de votre page <head> , vous pouvez le faire en exécutant ce standard-js one-liner dans la console:

[].slice.call(document.querySelectorAll('head>link[rel$="icon"]')).map(function(ln){ln.href+='?v=2'});

pour une mise en œuvre plus avancée de ce qui peut le faire automatiquement pour les utilisateurs finaux en production, voir freshicon.js .

4
répondu Stuart P. Bentley 2015-09-14 19:07:41

j'ai récemment restauré mes marque-pages et je cherchais un moyen de restaurer les FavIcons sans visiter chaque page. Mes recherches m'ont amené à ce fil.

pour ceux qui se trouvent dans une situation similaire, il suffit de télécharger L'addon de RELOADER FAVICON. Une fois installé, vous trouverez la commande "reload favorite icons" dans le menu déroulant de vos favoris.

https://addons.mozilla.org/en-US/firefox/addon/faviconreloader/?src=api

3
répondu bgc 2011-11-30 17:21:43

si vous utilisez PHP .. alors vous pouvez aussi utiliser cette ligne.

<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=<?php echo time() ?>" />

il rafraîchira votre favicon à chaque chargement de page.

3
répondu Shakeel Ahmed 2014-01-27 08:17:25

Si vous êtes simplement intéressé au débogage pour s'assurer qu'il a changé, vous pouvez simplement ajouter une entrée factice à votre fichier /etc/hosts et a frappé la nouvelle URL. Ce favicon ne serait pas déjà mis en cache et vous pouvez vous assurer que votre nouveau fonctionne.

a moins de changer le nom du favicon, il n'y a aucun moyen de forcer vos utilisateurs à obtenir une nouvelle copie""

2
répondu cpjolicoeur 2011-04-04 13:46:39

il s'agit d'une solution de contournement pour le bug chrome: changez l'attribut rel en feuille de style! Garder le lien d'origine. Fonctionne comme un charme:

j'ai trouvé cette solution parce que nous avons également une exigence de pouvoir mettre à jour les sites / code de production du client et je n'ai pas trouvé d'autres solutions pour fonctionner.

1
répondu user1427015 2013-04-02 16:52:31

assurez-vous également de mettre L'URL de l'image complète non seulement son chemin relatif:

http://www.example.com/images/favicon.ico

et non:

images/favicon.ico
1
répondu Amr Elgarhy 2017-01-30 20:49:40

je sais que c'est une question vraiment ancienne, mais c'est aussi une question qui est toujours pertinente, bien que ces jours s'applique seulement à mozilla. (Je n'ai aucune idée de ce que l'Explorateur fait car nous ne codons pas pour les navigateurs non standard).

Chrome est bien comportée si on inclut une étiquette d'icône dans l'en-tête.

bien que mozilla soit bien conscient du problème, comme d'habitude, ils ne réparent jamais les petites choses ennuyeuses. Même 6 ans plus tard.

donc, il y a deux façons de forcer une icône rafraîchir avec firefox.

  1. demandez à tous vos clients de désinstaller firefox. Puis de le ré-installer.

  2. tapez manuellement juste le domaine dans la barre d'url-n'utilisez pas http ou www juste le domaine (mydomain.com).

cela suppose naturellement que vos enregistrements ns incluent la résolution pour le nom de domaine seulement.

1
répondu rockmo 2017-06-01 23:51:59

cela fonctionne pour Chrome:

  • sur Mac: supprimer le fichier

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

  • sous Windows: supprimer les fichiers

    C:\Users [nom d'utilisateur]\AppData\Local\Google\Chrome\User Data\Default\Favicons C:\Users[nom d'utilisateur]\AppData\Local\Google\Chrome\User Data\Default\Favicons-journal

source

1
répondu Nikolai Koudelia 2018-07-03 14:13:18

Voici comment je l'ai géré avec un favicon simplement animé et FireFox 3.6.13 (version bêta) il sera probablement travailler pour D'autres versions de FireFox ainsi, laissez-moi savoir si elle ne fonctionne pas. C'est essentiellement la solution d'artlung, mais s'adresser à la .fichier gif ainsi:

  1. j'ai ouvert par programme FTP, j'ai téléchargé mon favicon.ico et favicon.les fichiers gif,
  2. les supprima alors des fichiers de mon serveur.
  3. puis je les ai ouvert dans mon navigateur comme artlung suggéré: http://mysite.com/favicon.ico et http://mysite.com/favicon.gif une fois que ces adresses ont été chargées et ont affiché 404 pages d'erreur ("page non trouvée")
  4. J'ai alors téléchargé les deux fichiers sur mon serveur, et PRESTO - les bonnes icônes ont été affichées instantanément.
0
répondu lineofbirds 2011-02-10 00:51:09

si le problème persiste malgré l'application de quelques étapes au-dessus de essayez de redémarrer le serveur IIS . Espérons que cette aide...

0
répondu Murat Yıldız 2017-08-23 21:03:26

Simple,

1: Je ne veux pas jouer avec des codes (ps mon constructeur de site n'utilise pas de codes, il utilise le bouton" upload file "et il le fait lui-même)

2: j'ai essayé le Ctrl + F5 et il ne fonctionne pas pour moi ainsi....

J'AI UNE SOLUTION:

IE: effacer toute l'histoire du navigateur et les cookies en allant aux paramètres cog o

Chrome: aller au menu dans le coin supérieur droit sous le X qui ressemble à un=, puis aller aux paramètres, l'histoire, Effacer les données de navigation et de cocher toutes les cases qui s'appliquent (j'ai fait l'histoire, les cookies et vider le catche du début des temps)

0
répondu Robert 2017-11-15 12:43:17

il suffit de changer ce nom de fichier='favicon1.ico'

0
répondu Armin Alibasic 2018-07-23 18:36:42

Version Chrome: 68.0.3440.106

redémarrez Chrome (dans votre barre d'adresse)): chrome://restart

0
répondu Lowryder 2018-09-01 16:04:34

Simon, je suppose qu'il y a une raison pour qu'aucune des autres réponses ne soit acceptée jusqu'à présent. Ainsi, je crois que ce pourrait être un problème Grails néanmoins - surtout si vous utilisez le 'Plugin de ressources'.

si vos plugins fournissent un favicon (ce que - illogiquement - beaucoup font), ils pourraient remplacer celui que vous souhaitez utiliser - étant donné que le vôtre est dans un plugin lui-même.

si supprimer le favicon de tous vos plugins temporaire résout le problème alors vous êtes très probablement éprouver cela:

http://jira.grails.org/browse/GPRESOURCES-134

-2
répondu user569825 2012-01-05 12:46:51

il peut être utile à quelques personnes, mais j'ai eu le même problème et j'ai découvert qu'il était lié aux permissions de fichiers, donc je lui ai donné une permission 777 et il a fonctionné, bien sûr après que vous êtes sûr que le problème il est là, assurez-vous de revenir les permissions à des valeurs plus sûres.

-4
répondu jack_the_beast 2017-09-07 12:39:10