Comment forcer un rafraîchissement de favicon?


1535

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.


12
La solution acceptée et très appréciée n'est PAS la vraie solution. La vraie raison pour laquelle le rafraîchissement ne fonctionnera pas peut être trouvée dans la solution de cette question: stackoverflow.com/questions/8616016/… --- le cache d'icônes est dans un fichier DB sqlite, indépendant du cache du navigateur!
Mörre

8
La solution acceptée et très appréciée est une solution pour la production, ou dois-je écrire un tutoriel pour les utilisateurs sur la façon de vider leur cache de favicon lorsque nous mettons à jour le favicon pour la production?
Miroslav Saracevic

2
N'est pas une solution générale. Que faire si vous utilisez l'emplacement par défaut de favicon sans toucher à votre code? Autrement dit, un favicon.icofichier dans la racine de votre document.
Sebastian

Réponses:


2091

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

35
Cela a fait l'affaire pour moi. J'ai dû retirer type="image/x-icon"de mon code, contrairement à de nombreuses sources. J'ai utilisé un horodatage de fichier modifié pour la v?=2partie de la requête.
Wertisdk

10
J'ai constaté que dans certains navigateurs, le favicon ne faisait aucune mise à jour quoi qu'il en soit, sauf si j'avais supprimé l'historique. Ensuite, il enregistrera le nouveau favicon.
Pathfinder

6
Malheureusement, vous avez besoin de l'URL absolue complète pour IE7 (& IE8?) - voir jeffcode.blogspot.com.au/2007/12/…
eug

5
d'accord avec les commentaires ci-dessus, mais cela fonctionne pour moi dans tous les navigateurs actuels: <link rel = "shortcut icon" href = "/ favicon.ico? v = 2" />
Dave Sumter

31
Il est logique de mettre en cache les favicons car ils poussent parfois de 2 à 3 kilo-octets. Vous ne voulez pas continuer à transférer toutes ces données. (oui, sarcasme)
Flat Cat

824

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)

8
En utilisant cette méthode, vous surmonteriez probablement la mise en cache, mais vos utilisateurs existants ne le peuvent pas. Par conséquent, je trouve l'autre réponse plus valable.
Demircan Celebi

3
Il convient de noter que cela ne fonctionne pas dans Firefox 33. La première réponse est un meilleur choix.
Brent Wagoner

1
J'ai dû fermer les outils de développement pour que cela fonctionne dans Chrome.
tehwalris

1
Je n'ai pas eu à redémarrer le navigateur, mais j'ai dû accéder à mon site Web dans un onglet sans devtools ouvert. Pour une raison quelconque, Ctrl + F5 dans un onglet non-devtools l'a fait. Je pouvais Ctrl + F5 tout ce que je voulais et naviguer sur Internet et revenir à mon site autant que je le voulais dans l'onglet devtools et cela ne mettrait jamais à jour le favicon.
mjohnsonengr

3
La partie "redémarrer le navigateur" était la seule chose qui l'a réellement fait fonctionner pour moi. Tous les autres correctifs fonctionnent en théorie, mais ne modifient pas réellement les pixels favicon affichés sur l'onglet du navigateur. +1 cette réponse
b264

262

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.


1
Malheureusement, cela ne fonctionne pas dans IE ou même Chrome sous Windows, il semble donc que vous devriez choisir la réponse acceptée, sauf si vous n'utilisez que Chrome sur OSX.
Christopher King

3
Fonctionne sous OS X Sierra avec Chrome 53.0.2785.143 (64 bits)
Seno

1
fonctionne pour moi: Chrome 58.0.3029.110, Windows 10, localhost
R Brill

1
A travaillé sur Chrome 63.0.3239.84 pour Windows 10!
beawolf

4
Fonctionne dans Chrome 67.0 sur OSX. Étrange, ça ne marche pas avec CMD+ Shift+R
cephei_vv

56

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

4
Je suppose que le navigateur peut voir si le nom du favicon est le même. Si c'est le cas, il ne demandera plus son téléchargement et en utilisera un déjà mis en cache, mais si vous changez le nom, il supposera qu'il a changé, le demandant ainsi au serveur.
Bojan Kogoj

J'ai eu le problème avec l'IE8. Il n'a pas utilisé le favicon.ico placé dans un sous-dossier. L'ajout du raccourci rel-attribut l'a corrigé.
tienbuiDE

3
Ce n'est pas du tout rafraîchissant, c'est le changer complètement.
Zac

veuillez noter que vous devez également renommer votre favicon.ico réel (il sera dans votre dossier de construction ou dans le répertoire à partir duquel la webapp est servie)
Rahil Ahmad

55

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

2
Bien, cela évite d'avoir à changer le href chaque fois que je mets à jour le favicon, cette réponse devrait avoir plus de votes!
Sven van den Boogaart

44
Le problème avec cette réponse est que vous calculez ce hachage à chaque demande, et c'est quelque chose d'inutile et pourrait nuire aux performances des sites (si beaucoup d'utilisateurs).
Diego Jancic

1
Ce n'est pas si grave dans les deux sens ... un favicon ne fait que quelques kilo-octets ... Je veux dire, ce ne sera pas moins stressant pour le serveur que d'avoir à gérer le favicon à chaque fois ...
Philippe Gilbert

14
Je ne vois toujours aucune raison réelle de calculer le MD5. Il est plus facile et tout aussi efficace d'utiliser la dernière date de modification du fichier. Je ne vois aucun avantage à utiliser le MD5 par rapport au dernier tampon modifié.
NickG

9
À quelle fréquence mettez-vous vraiment à jour votre favicon? Cela semble exagéré. Utilisez simplement la chaîne de requête manuelle lorsque vous créez une nouvelle icône.
zéros et uns

51

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:
  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.

Cela a fait l'affaire. Pour moi, c'était un problème de favicon d'application Google Chrome. Pas un problème de favicon DOM.
klewis

2
C'est une bonne réponse qui répond à mes besoins de tests. Il n'y a pas de vraie réponse à cette question car cela dépend de qui a besoin de la rafraîchir et de ce qu'ils veulent et sont capables de faire raisonnablement.
Dovev Hefetz

1
Juste une petite amélioration: le même chemin pour tout nom d'utilisateur est%appData%/../Local/Google/Chrome/User Data/Default
josemmo

3
Une solution plus simple dans Chrome consiste à cliquer avec le bouton droit et à sélectionner Inspecter (ou CTRL + MAJ + I), puis à cliquer et à maintenir le bouton d'actualisation. Un menu apparaîtra avec l'option Actualiser, Recharger Hard ou Vider le cache et Recharger Hard. Habituellement, Hard Reload le fera, mais s'il est têtu pour une raison quelconque, Empty Cache et Hard Reload le feront certainement.
felwithe

1
Sous Linux, vous pouvez trouver ces fichiers sur:~/.config/google-chrome/Default
Arnold Schrijver

29

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

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

1
Cette solution a fonctionné pour moi. Pour une raison quelconque, il ne rafraîchissait pas le favicon avec les méthodes susmentionnées avec beaucoup plus de votes. Merci donc, Maxim Mazin. Je voulais seulement me débarrasser d'un vieux favicon dont je savais qu'il ne pouvait plus exister sur mon nouvel hôte.
tsaulic

2
Cette approche a également fonctionné pour moi sur Windows, où j'avais supprimé le favicon de mon application, mais Chrome le montrait toujours. Fermez Chrome, supprimez "C: \ Users \ {user} \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons", puis redémarrez Chome. Le vieux favicon indésirable a disparu.
skomisa

2
Je n'avais rien sous "Default" mais finalement j'ai trouvé cette variation:${user.home}/Library/Application Support/Google/Chrome/Profile 1/Favicons
mdahlman

@mdahlman Cela n'a pas fonctionné initialement pour moi après avoir essayé toutes les autres méthodes. Cependant, j'ai obtenu que celui-ci fonctionne après cmd+qing chrome, aller dans la barre de menu, forcer à nouveau à quitter chrome et attendre 2 minutes pour ouvrir le navigateur et revenir à mon site.
PrimeTimeTran

17

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.


7
Cela a fonctionné pour moi, mais malheureusement, nous ne pouvons pas demander à chaque visiteur de le faire.
talentedmrjones

3
Visitez example.com/favicon.ico et appuyez plusieurs fois sur Ctrl + F5 / Ctrl + Maj + R pour moi :) Merci pour l'idée!
Alfonso Nishikawa

17

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.


Utilisateur Mac: CMD SHIFT 5
Gianfranco Fertino

13

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


2
Cela ne force pas le rechargement des favicons.
Shammoo

1
Cela a rechargé ma favicon / résolu le problème
rgareth

Fonctionne pour ubuntu 16.04
uneet7

10

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).

9

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.


3
"Votre navigateur Web ne se rendra pas sur Internet pour rechercher un nouveau favicon par lui-même ... Dieu merci." Pourquoi pas? Pourquoi ne pas l'actualiser chaque fois qu'une page se charge? C'est une image 2k, qui est des cacahuètes. Il ne devrait jamais être périmé. L'idée de mise en cache est tout simplement stupide dans le grand schéma des choses.
Simon

5
developer.yahoo.com/performance/rules.html mentionne des problèmes liés au téléchargement de favicon.ico auxquels vous n'avez peut-être pas pensé. De bons conseils tout autour. La mise en cache est un outil précieux pour vous assurer que votre site fonctionne aussi rapidement que possible. La mise en cache est également utile pour rendre votre navigateur aussi rapide que possible.
artlung

6
@Simon, la mise en cache est idiote?!? J'espère pour vos clients que vous avez appris l'importance d'un meilleur développement Web depuis 2010. Ce qui est "idiot" n'est PAS de mettre en cache et de faire des demandes inutiles à votre serveur pour ce qui équivaut à un fichier statique qui change rarement, voire jamais.
Ed DeGagne

8

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.)


8

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

  1. Recherchez le fichier qui pose problème

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


  1. Rechercher plusieurs fichiers qui causent des problèmes

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

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

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


  1. Tapez .exitet appuyez sur retour pour quitter sqlite
  2. Redémarrez Chrome

6

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.


2
Cela ne fonctionne également que de manière préventive, ce qui dépasse le but de la question.
ANeves

6

Version Chrome: 68.0.3440.106

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


5

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 .


Ceci est en fait utile si vous essayez de vous débarrasser d'une icône en cache sur un serveur que vous ne contrôlez pas, où l'icône manque maintenant / retourne un code http non-200. Plutôt que d'ajouter l' ?v=2échange de l'URL entière pour une icône de votre choix et il semble rester après une actualisation
Paul S.

4

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


Il est là-bas pour l'installation et semble vraiment prometteur (vous trouverez l'AddOn dans le menu des signets) mais il n'a pas non plus rechargé l'icône sur mon firefox 34 (sous linux) sans redémarrage
rubo77

4

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.


2
C'est le problème "Il rafraîchira votre favicon à chaque chargement de page". Et la mise en cache? Le favicon doit être mis en cache.
machineaddict

Si vous souhaitez mettre en cache votre nouveau favicon .. fournissez simplement toute nouvelle valeur comme .. <link rel = "shortcut icon" href = " yoursite.com/favicon.ico?v=12345 ">
Shakeel Ahmed

2
favicon.ico? v = <? php echo md5_file ('favicon.ico') comme suggéré par Felix Wienberg @machineaddict
Sven van den Boogaart

1
Ce n'est pas un bon moyen de résoudre ce problème. L'utilisation de time () le forcera à recharger l'icône à chaque fois. Vous souhaitez que la dernière heure modifiée du fichier favicon.ico ne soit pas l'heure actuelle de l'horloge murale.
NickG

que se passe-t-il si vous arrondissez aux 24 heures les plus proches ou aux 30 jours les plus proches? une réinitialisation mensuelle du cache pourrait être utile
SwiftNinjaPro

3

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


2

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


1

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.


1
J'ai essayé littéralement toutes les solutions de suggestion (codage) ici et c'est la seule qui a fonctionné pour moi. Tu sais pourquoi?
Crystal Miller

1

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.


1

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)


4
la question concerne la mise en cache des favicons. Vider votre cache local va résoudre le problème pour vous mais pas pour quelqu'un d'autre.
Mark Chorley

@MarkChorley qui est exactement le sujet de la question d'origine. Mise en cache des favicons sur un environnement de développement local.
MrUpsidown


0

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.

1
Oh - BTW pour afficher les nouveaux, j'ai également dû supprimer mon signet enregistré - et cette même procédure a également fonctionné pour Google Chrome.
lineofbirds

0

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

3
/images/favicon.icoest la bonne façon de le faire: il "fonctionne juste" pour différents environnements (dev / test / production), et est un chemin absolu - à partir de l'URL de base du document.
ANeves

Malheureusement, vous avez besoin de l'URL complète pour IE7 (& IE8?) - voir jeffcode.blogspot.com.au/2007/12/…
eug

2
Ce n'est pas vraiment une réponse, c'est un commentaire.
Zac

0

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...


-3

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


-3

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.

  1. Redémarrez le serveur.
  2. Rafraîchissez le navigateur et vous êtes prêt à partir.
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.