Comment forcer un rafraîchissement de favicon?

J'ai une application Grails fonctionnant localement en utilisant son propre tomcat et je viens de changer le favicon pour un nouveau. Le problème est que je ne peux le voir dans aucun navigateur. L'ancien favicon apparaît ou je n'ai aucun favicon, mais pas le nouveau. Je ne pense pas que ce soit un problème de Grails en soi, plus un problème de favicons.

Que doit-on arriver avec les favicons? Comment sont-ils censés fonctionner? J'ai de nombreux signets dans mon navigateur qui ont les mauvaises icônes et ils ne semblent jamais actualisés. Comment forcer le serveur / navigateur à cesser de les mettre en cache? Il semble assez idiot de toujours les mettre en cache, car ils ne sont normalement que de 16 x 16. Pourquoi ne pas simplement les télécharger à chaque visite sur la page? Ce n'est pas exactement un énorme frais généraux.

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

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

Ok, après 10 minutes d'essais, le moyen facile de le réparer est proche de celui de la ligne des oiseaux

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

Cette réponse n'a pas encore été donnée, j'ai donc pensé la publier. J'ai regardé partout sur le Web et je n'ai pas trouvé de bonne réponse pour tester les favicons dans le développement local.

Dans la version actuelle de Chrome (sur OSX), si vous effectuez les opérations suivantes, vous obtiendrez un rafraîchissement instantané du favicon:

1. Passez la souris sur l'onglet
2. Clic-droit
3. Sélectionnez recharger
4. Votre favicon devrait maintenant être actualisé

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

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" />

Si vous utilisez PHP, vous pouvez également utiliser le MD5-Hash du favicon comme 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é modifié.

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') ?>" />

En détruisant le fichier utilisé par votre navigateur pour stocker les anciennes favicons, vous pouvez forcer le chargement de nouvelles.

1. Fermez votre navigateur. Assurez-vous qu'il n'y a plus de processus de navigateur en cours d'exécution (par exemple, vérifiez le Gestionnaire des tâches pour chrome.exeou firefox.exe).
2. Accédez à l'emplacement où votre navigateur stocke les fichiers utilisateur:
   • Pour Chrome, accédez au répertoire de données Chrome .
   • Pour Firefox, accédez au dossier de profil Firefox .
3. Supprimez le cache de favicon.
   • Pour Chrome, supprimez FaviconsetFavicons-journal
   • Pour Firefox, supprimez favicons.sqlite

Cela fonctionnera presque certainement. Si non:

• Possibilité 1: une mise à jour de votre navigateur a changé le fonctionnement du cache favicon. Veuillez modifier cette réponse avec de nouvelles instructions.
• Possibilité 2: votre problème de favicon n'a rien à voir avec une mise en cache trop agressive. Il peut plutôt s'agir d'un problème de chargement des ressources - à l'aide des outils de développement, assurez-vous que le nouveau favicon se télécharge correctement.

Dans Chrome sur Mac OS X, on peut supprimer un fichier avec le cache favicon

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

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

De plus, les navigateurs sont parfois "gourmands" à propos des fichiers mis en cache. Vous pouvez vider le cache et / ou redémarrer votre navigateur et voir le changement. Si cela échoue cependant ...

Ma solution cheapo est de:

1. Accédez à votre fichier sur http://example.com/favicon.ico dans votre navigateur.
2. Supprimez le favicon.ico de votre racine Web.
3. Visitez à nouveau http://example.com/favicon.ico dans un navigateur, vérifiez qu'il est manquant.
4. Téléchargez-en un nouveau sur votre webroot.
5. Visitez à nouveau http://example.com/favicon.ico dans un navigateur, vérifiez qu'il s'agit bien du nouveau.

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

Selon le navigateur, ils sont traités différemment, mais je trouve généralement que cela va sur la page par défaut du site et fait un rafraîchissement dur. CTRL+ F5, l'obtiendra généralement pour la mise à jour.

SUR MAC: ⌘+ Shift- Rou maintenez enfoncé Ctrlet cliquez sur le bouton de rechargement dans le navigateur.

Pour Internet Explorer, il existe 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 "afficher les fichiers".
5. Trouvez votre ancien fichier favicon.ico et supprimez-le.
6. Redémarrez le navigateur (Internet Explorer).

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 le réparer.

Je ne pense pas que vos favicons seront rafraîchis sur vos favoris jusqu'à ce que vous revisitiez cette page et en supposant que vous aviez précédemment effacé le cache de votre navigateur.

Votre navigateur Web ne se rendra pas sur Internet pour rechercher un nouveau favicon seul ... Dieu merci.

Essayez d'ouvrir dans un nouvel onglet

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

Mais c'est ce qui a finalement fonctionné pour moi à la fois dans Chrome (25.0.x) et Safari (6.0.1):

1. Vider le cache
2. Lier durement le favicon avec le <link>tag
3. Naviguer vers mysite.com/favicon.ico
4. Ouverture mysite.comdans un nouvel onglet

(Jusqu'à l'étape 3, l'actualisation dans le même onglet reproduisait l'ancienne icône.)

Pour Chrome sur macOS, si vous ne souhaitez pas supprimer l'intégralité de la base de données des favicon Chrome comme suggéré déjà ici, vous pouvez supprimer uniquement les icônes en conflit:

1. Quittez Chrome
2. Chargez la base de données des favicons (en utilisant sqlite ici):

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

3. Recherchez le fichier qui pose problème

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

4. 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 plusieurs entrées:

3. Rechercher plusieurs fichiers qui causent des problèmes

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

4. Et encore une fois, si vous êtes satisfait de ce que cela donne:

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

5. Tapez .exitet appuyez sur retour pour quitter sqlite
6. Redémarrez Chrome

Lorsque vous demandez le favicon à Google, vous pouvez consulter les 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 demanderont à nouveau l'icône après cet horodatage. Pendant le développement actif, vous pouvez définir l'horodatage d'expiration sur une seconde ou deux à l'avenir, et le faire toujours récupérer, bien que ce soit un mauvais plan à long terme.

Version Chrome: 68.0.3440.106

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

Le support de favicon de Chrome 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 fallait pour rafraîchir les 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 de l'historique de Chrome .

Réponse originale

Vous n'avez pas besoin d'effacer votre cache, de redémarrer votre navigateur ou de réécrire votre code HTML - il vous suffit de modifier une fois l'URL de l'icône , afin que le navigateur oublie l'icône précédemment mise en cache.

En supposant que vous avez défini votre icône via des <link>éléments dans votre page <head>, vous pouvez le faire en exécutant cette ligne standard JS dans la console:

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

Pour une implémentation plus avancée de cela qui peut automatiquement le faire pour les utilisateurs finaux en production, voir freshicon.js .

J'ai récemment restauré mes signets et recherchais un moyen de restaurer les FavIcons sans visiter chaque page. Ma recherche m'a amené à ce fil.

Pour ceux qui se trouvent dans une situation similaire, téléchargez simplement l'addon FAVICON RELOADER. Une fois installé, vous trouverez la commande "recharger les icônes préférées" dans votre menu déroulant BOOKMARKS.

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

Si vous utilisez PHP .., vous pouvez également 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.

Si vous souhaitez simplement le déboguer pour vous assurer qu'il a changé, vous pouvez simplement ajouter une entrée factice à votre fichier / etc / hosts et frapper la nouvelle URL. Ce favicon ne serait pas déjà mis en cache et vous pouvez vous assurer que votre nouveau fonctionne.

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

Cela fonctionne pour Chrome:

• sur Mac: supprimer le fichier

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

• sous Windows: supprimer des 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

la source

Ceci est une solution de contournement pour le bug de chrome: changez l'attribut rel en feuille de style! Gardez cependant le lien d'origine. Fonctionne comme un charme:

J'ai trouvé cette solution de contournement parce que nous avons également besoin de pouvoir mettre à jour les sites / code de production du client et je n'ai trouvé aucune autre solution pour travailler.

Je sais que c'est une très vieille question, mais c'est aussi une question qui est toujours d'actualité, bien que ces jours-ci ne s'applique qu'au mozilla. (Je n'ai aucune idée de ce que l'explorateur fait car nous ne codons pas pour les navigateurs non standard).

Chrome se comporte bien si l'on inclut une balise d'icône dans l'en-tête.

Bien que Mozilla soit bien conscient du problème, comme d'habitude, ils ne corrigent jamais les petits trucs ennuyeux. Même 6 ans plus tard.

Il existe donc deux façons de forcer une actualisation d'icône avec Firefox.

1. Demandez à tous vos clients de désinstaller Firefox. Réinstallez ensuite.

2. Tapez manuellement uniquement le domaine dans la barre d'URL - n'utilisez pas http ou www uniquement le domaine (mydomain.com).

Cela suppose bien sûr que vos enregistrements ns incluent uniquement la résolution du nom de domaine.

Facile,

1: Je ne veux pas jouer avec les 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+ F5et ça ne marche pas pour moi alors ....

J'AI UNE SOLUTION:

IE: effacer tout l'historique du navigateur et les cookies en allant dans les paramètres cog O

Chrome: allez dans le menu dans le coin supérieur droit sous le X qui ressemble à un =, puis allez dans les paramètres, l'historique, EFFACER LES DONNÉES DE NAVIGATION et cochez toutes les cases qui s'appliquent (j'ai fait l'historique, les cookies et vider la capture de la la nuit des temps)

Modifiez simplement ce nom de fichier = 'favicon1.ico'

Voici comment je l'ai géré avec un favicon simplement animé et FireFox 3.6.13 (version bêta). Cela fonctionnera probablement aussi pour d'autres versions de FireFox, faites-moi savoir si ce n'est pas le cas. Il s'agit essentiellement de la solution artlung, mais également du fichier .gif:

1. J'ai ouvert par programme FTP, téléchargé mes fichiers favicon.ico ET favicon.gif,
2. puis les ai SUPPRIMÉS des fichiers de mon serveur.
3. Ensuite, je les ai ouverts dans mon navigateur comme suggéré par artlung: http://mysite.com/favicon.ico ET http://mysite.com/favicon.gif Une fois ces adresses chargées et affichées 404 pages d'erreur ("page non trouvée")
4. J'ai ensuite téléchargé les deux fichiers sur mon serveur et PRESTO - les icônes correctes ont été instantanément affichées.

Assurez-vous également de mettre l'URL complète de l'image, pas seulement son chemin relatif:

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

Et pas:

images/favicon.ico

Si le problème persiste malgré l'application de certaines étapes ci-dessus, essayez de redémarrer le serveur IIS . J'espère que cela t'aides...

Simon, je suppose qu'il y a une raison pour laquelle aucune des autres réponses n'est acceptée jusqu'à présent. Je pense donc que cela pourrait néanmoins être un problème Grails - Surtout si vous utilisez le «plugin de ressources».

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

Si la suppression du favicon de tous vos plugins temporairement résout le problème, vous rencontrez très probablement ce problème:

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

Veuillez suivre les étapes ci-dessous pour changer l'icône de l'application:

1. Ajoutez votre fichier .ico dans le projet.
2. Allez sur angular.json et dans ce "projets" -> "architecte" -> "build" -> "options" -> "assets" et faites ici une entrée pour votre fichier d'icône. Reportez-vous à l'entrée existante de favicon.ico pour savoir comment le faire.
3. Accédez à index.html et mettez à jour le chemin du fichier d'icône. Par exemple,

<link rel="icon" type="image/x-icon" href="abc.ico">

Sinon, renommez votre fichier icône avec favicon.ico et remplacez-le dans le répertoire.

4. Redémarrez le serveur.
5. Rafraîchissez le navigateur et vous êtes prêt à partir.