Come forzare un aggiornamento favicon?

Ho un'applicazione Grails in esecuzione localmente usando il suo tomcat e ho appena cambiato la favicon per una nuova. Il problema è che non riesco a vederlo in nessun browser. Viene visualizzata la vecchia favicon o non ricevo alcuna favicon, ma non la mia nuova. Non penso che questo sia un problema di Grails di per sé, più un problema con le favicon.

Cosa dovrebbe succedere con le favicon? Come dovrebbero funzionare? Ho numerosi segnalibri nel mio browser che hanno le icone sbagliate e non sembrano mai essere aggiornati. Come posso forzare il server / browser a smettere di memorizzarli nella cache? Sembra abbastanza stupido metterli sempre nella cache dato che normalmente sono solo 16x16. Perché non caricarli solo ad ogni visita alla pagina? Non è esattamente un enorme sovraccarico.

Per aggiornare la favicon del tuo sito puoi forzare i browser a scaricare una nuova versione utilizzando il tag link e una stringa di query sul tuo nome file. Ciò è particolarmente utile negli ambienti di produzione per assicurarsi che gli utenti ottengano l'aggiornamento.

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

Ok, dopo 10 minuti di tentativi, il modo più semplice per ripararlo è vicino a quello della linea di uccelli

1. Digita www.yoursite.com/favicon.ico (o www.yoursite.com/apple-touch-icon.png, ecc.)
2. Spingere enter
3. ctrl+f5
4. Riavvia browser (IE, Firefox)

Questa risposta non è stata ancora data, quindi ho pensato di pubblicarla. Ho cercato in tutto il Web e non ho trovato una buona risposta per testare le favicon nello sviluppo locale.

Nella versione corrente di Chrome (su OSX) se si esegue quanto segue si otterrà un aggiornamento favicon istantaneo:

1. Passa il mouse sopra la scheda
2. Tasto destro
3. Seleziona ricarica
4. La tua favicon ora dovrebbe essere aggiornata

Questo è il modo più semplice che ho trovato per aggiornare la favicon localmente.

Rinomina il file favicon e aggiungi un'intestazione html con il nuovo nome, ad esempio:

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

Se usi PHP potresti anche usare MD5-Hash della favicon come stringa di query:

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

In questo modo Favicon si aggiorna sempre quando è stato modificato.

Come sottolineato nei commenti, puoi anche utilizzare la data dell'ultima modifica anziché MD5-Hash per ottenere lo stesso risultato e risparmiare un po 'sulle prestazioni del server:

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

Distruggendo il file utilizzato dal browser per memorizzare le vecchie favicon, puoi forzarne il caricamento.

1. Chiudi il tuo browser. Assicurarsi che non ci siano più processi del browser in esecuzione (ad esempio, controllare Task Manager per chrome.exeo firefox.exe).
2. Passare al punto in cui il browser memorizza i file utente:
   • Per Chrome, vai alla directory dei dati di Chrome .
   • Per Firefox, vai alla cartella del profilo di Firefox .
3. Elimina la cache di favicon.
   • Per Chrome, rimuovi FaviconseFavicons-journal
   • Per Firefox, rimuovi favicons.sqlite

Questo funzionerà quasi sicuramente. Altrimenti:

• Possibilità 1: un aggiornamento del browser ha modificato il funzionamento della cache favicon. Modifica questa risposta con nuove istruzioni.
• Possibilità 2: il tuo problema favicon non ha nulla a che fare con la memorizzazione nella cache eccessiva. Potrebbe invece essere un problema di caricamento delle risorse: utilizzando gli Strumenti per gli sviluppatori, assicurati che la nuova favicon si stia scaricando correttamente.

In Chrome su Mac OS X è possibile rimuovere il file con cache favicon

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

Bene, l'overhead è overhead, ma sì, non troppo grande.

Inoltre, i browser sono talvolta "avidi" sui file memorizzati nella cache. È possibile cancellare la cache e / o riavviare il browser e vedere la modifica. Se ciò fallisce però ...

La mia soluzione cheapo è:

1. Visita il tuo file all'indirizzo http://example.com/favicon.ico nel tuo browser.
2. Elimina favicon.ico dal tuo webroot.
3. Visita di nuovo http://example.com/favicon.ico in un browser, verifica che non sia presente.
4. Carica uno nuovo sul tuo webroot.
5. Visita di nuovo http://example.com/favicon.ico in un browser, verifica che sia quello nuovo.

Se quella sequenza non funziona, allora sta succedendo qualcos'altro.

A seconda del browser, vengono gestiti in modo diverso, ma in genere lo trovo andando alla pagina predefinita del sito e eseguendo un aggiornamento intenso. CTRL+ F5, in genere lo aggiornerà.

SU MAC: ⌘+ Shift- Ro tieni premuto Ctrle fai clic sul pulsante Ricarica nel browser.

Per Internet Explorer, esiste un'altra soluzione:

1. Apri Internet Explorer.
2. Fai clic su menu> strumenti> opzioni internet.
3. Fai clic su generale> file temporanei Internet> pulsante "impostazioni".
4. Fai clic sul pulsante "Visualizza file".
5. Trova il tuo vecchio file favicon.ico ed eliminalo.
6. Riavvia il browser (Internet Explorer).

Molto probabilmente un problema con il browser web. Dovrai eliminare la cache dal browser, chiudere il browser e riaprirla. Questo dovrebbe risolverlo.

Non credo che i tuoi favoriti verranno aggiornati sui preferiti fino a quando non visiterai nuovamente quella pagina e supponendo che tu abbia precedentemente svuotato la cache del tuo browser.

Il tuo browser non uscirà su Internet per cercare una nuova favicon da solo ... per fortuna.

Prova ad aprire in una nuova scheda

Ho provato molte delle cose sopra (reimpostare la cache, aggiornare, usare il tag link, ecc.), Ho anche controllato il mio .htaccess file e ripristinato la variabile ExpiresByType.

Ma questo è quello che alla fine ha funzionato per me sia in Chrome (25.0.x) che in Safari (6.0.1):

1. Cache di lavaggio
2. Collegamento diretto della favicon con il <link>tag
3. Navigazione verso mysite.com/favicon.ico
4. Apertura mysite.comin una nuova scheda

(Fino al passaggio 3, l'aggiornamento nella stessa scheda continuava a riprodurre la vecchia icona.)

Per Chrome su macOS, se non desideri eliminare l'intero database favicon di Chrome come suggerito già qui, puoi eliminare solo le icone in conflitto:

1. Esci da Chrome
2. Carica il database favicons (usando sqlite qui):

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

3. Cerca il file che causa problemi

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

4. Se sei soddisfatto dell'output:

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

In alternativa , è possibile cercare un modello che è possibile riutilizzare per eliminare più voci:

3. Cerca più file che causano problemi

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

4. E ancora se sei soddisfatto di ciò che questo restituisce:

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

5. Digita .exite premi Invio per uscire da sqlite
6. Riavvia Chrome

Quando richiedi la favicon a Google, puoi dare un'occhiata alle intestazioni di risposta.

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

Se si inserisce un'intestazione "Scadenza:" sulla risposta, i browser client richiederanno nuovamente l'icona dopo tale timestamp. Durante lo sviluppo attivo, è possibile impostare il timestamp di scadenza su un secondo o due in futuro e farlo sempre recuperare, sebbene si tratti di un piano a lungo termine scadente.

Versione di Chrome: 68.0.3440.106

Basta riavviare Chrome (nella barra degli indirizzi): chrome://restart

Il supporto favicon di Chrome è difettoso: ignora questa risposta

Ho scritto questa risposta con l'impressione che questo è ciò che è stato necessario per aggiornare le favicon in Google Chrome. Tuttavia, si scopre che questo funziona solo per i primi cinque minuti circa, fino a quando l'icona non viene irrimediabilmente persa nella sincronizzazione della cronologia di Chrome .

Risposta originale

Non è necessario svuotare la cache, riavviare il browser o riscrivere il codice HTML, è sufficiente modificare l'URL dell'icona una volta , in modo che il browser dimentichi l'icona memorizzata nella cache.

Supponendo che tu abbia definito la tua icona tramite <link>elementi nella tua pagina <head>, puoi farlo eseguendo questo one-liner standard-JS nella console:

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

Per un'implementazione più avanzata di questo che può farlo automaticamente per gli utenti finali in produzione, vedere freshicon.js .

Recentemente ho ripristinato i miei segnalibri e stavo cercando un modo per ripristinare i Preferiti senza visitare ciascuna pagina. La mia ricerca mi ha portato a questa discussione.

Per quelli in circostanze simili è sufficiente scaricare il componente aggiuntivo FAVICON RELOADER. Una volta installato, troverai il comando "ricarica icone preferite" nel menu a discesa BOOKMARKS.

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

Se stai usando PHP .. allora puoi anche usare questa linea.

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

Aggiorna la tua favicon ad ogni caricamento della pagina.

Se sei solo interessato al debug per assicurarti che sia cambiato, puoi semplicemente aggiungere una voce fittizia al tuo file / etc / hosts e premere il nuovo URL. Quella favicon non sarebbe già stata memorizzata nella cache e puoi assicurarti che ne funzioni una nuova.

A parte cambiare il nome della favicon, non c'è modo di forzare i tuoi utenti a ottenere una nuova copia

Questo funziona per Chrome:

• su Mac: elimina il file

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

• su Windows: elimina i file

  C: \ Users [nome utente] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons C: \ Users [nome utente] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons-journal

fonte

Questa è una soluzione alternativa per il bug di Chrome: cambia l'attributo rel in foglio di stile! Mantieni comunque il link originale. Funziona come un fascino:

Ho trovato questa soluzione perché abbiamo anche l'obbligo di poter aggiornare i siti / il codice di produzione dei clienti e non ho trovato nessuna delle altre soluzioni per funzionare.

So che questa è una domanda molto vecchia, ma è anche una questione ancora rilevante, anche se in questi giorni si applica solo a Mozilla. (Non ho idea di cosa fa Explorer perché non codifichiamo per browser non standard).

Chrome si comporta bene se uno include un tag icona nell'intestazione.

Sebbene Mozilla sia ben consapevole del problema, come al solito, non risolvono mai le fastidiose piccole cose. Anche 6 anni dopo.

Quindi, ci sono due modi per forzare un aggiornamento dell'icona con Firefox.

1. Chiedi a tutti i tuoi clienti di disinstallare Firefox. Quindi reinstallare.

2. Digita manualmente solo il dominio nella barra degli indirizzi - non utilizzare http o www solo il dominio (miodominio.com).

Ciò presuppone ovviamente che i record ns includano la risoluzione solo per il nome di dominio.

Semplice,

1: Non voglio armeggiare con i codici (ps il mio site builder non usa i codici, usa il pulsante "upload file" e lo fa da solo)

2: ho provato il CTRL+ F5e non funziona per me quindi ....

HO UNA SOLUZIONE:

IE: Cancella tutta la cronologia e i cookie del browser accedendo al dente impostazioni O

Chrome: vai al menu nell'angolo in alto a destra sotto la X che assomiglia a = =, quindi vai a impostazioni, cronologia, CANCELLA DATI DI BROWSING e seleziona tutte le caselle applicabili (ho fatto cronologia, cookie e svuota la finestra dal l'inizio del tempo)

Cambia questo nome file = 'favicon1.ico'

Ecco come l'ho gestito con una favicon semplicemente animata e FireFox 3.6.13 (versione beta) Probabilmente funzionerà anche con altre versioni di FireFox, fammi sapere se non funziona. È fondamentalmente la soluzione di artlung, ma si occupa anche del file .gif:

1. Ho aperto dal programma FTP, scaricato i miei file favicon.ico AND favicon.gif,
2. quindi li ha cancellati dai file del mio server.
3. Poi li ho aperti nel mio browser come suggerito da artlung: http://mysite.com/favicon.ico AND http://mysite.com/favicon.gif Una volta caricati quegli indirizzi e visualizzati 404 pagine di errore ("pagina non trovata")
4. Ho quindi caricato entrambi i file sul mio server e PRESTO: le icone corrette sono state immediatamente visualizzate.

Assicurati inoltre di inserire l'URL dell'immagine completa non solo il relativo percorso:

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

E non:

images/favicon.ico

Se il problema persiste nonostante l'applicazione di alcuni passaggi precedenti, provare a riavviare il server IIS . Spero che sia di aiuto...

Simon, suppongo che ci sia una ragione per cui nessuna delle altre risposte è stata accettata finora. Quindi credo che questo potrebbe essere un problema di Grails, specialmente se stai usando il 'Plugin Risorse'.

Se i tuoi plugin forniscono un favicon (che - illogicamente - molti lo fanno), potrebbero sovrascrivere quello che desideri usare - dato che il tuo è in un plugin stesso.

Se l'eliminazione della favicon da tutti i plug-in risolve temporaneamente il problema, è molto probabile che si verifichi questo:

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

Seguire i passaggi seguenti per cambiare l'icona dell'app:

1. Aggiungi il tuo file .ico nel progetto.
2. Vai su angular.json e in quel "progetti" -> "architetto" -> "costruisci" -> "opzioni" -> "risorse" e qui inserisci una voce per il tuo file icona. Fare riferimento alla voce esistente di favicon.ico per sapere come farlo.
3. Vai a index.html e aggiorna il percorso del file icona. Per esempio,

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

In alternativa, rinomina il tuo file icona con favicon.ico e sostituiscilo nella directory.

4. Riavvia il server.
5. Browser di aggiornamento rapido e sei a posto.