Como forço uma atualização de favicon?

Eu tenho um aplicativo Grails em execução localmente usando seu próprio tomcat e acabei de alterar o favicon para um novo. O problema é que não consigo vê-lo em nenhum navegador. O favicon antigo aparece ou não tenho favicon, mas não o meu novo. Eu não acho que esse seja um problema do Grails, por si só, mais um problema com os favicons.

O que deveria acontecer com os favicons? Como eles devem funcionar? Eu tenho vários favoritos no meu navegador que têm os ícones errados e eles nunca parecem atualizados. Como forço o servidor / navegador a parar de armazená-lo em cache? Parece muito tolo sempre colocá-los em cache, pois normalmente eles têm apenas 16x16. Por que não apenas enviá-los a cada visita à página? Não é exatamente uma sobrecarga enorme.

Para atualizar o favicon do seu site, você pode forçar os navegadores a baixar uma nova versão usando a tag link e uma string de consulta no seu nome de arquivo. Isso é especialmente útil em ambientes de produção para garantir que os usuários obtenham a atualização.

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

Ok, após 10 minutos de tentativas, a maneira mais fácil de consertá-la é próxima à da linha de pássaros

1. Digite www.yoursite.com/favicon.ico (ou www.yoursite.com/apple-touch-icon.png, etc.)
2. Empurrar enter
3. ctrl+f5
4. Reinicie o navegador (IE, Firefox)

Esta resposta ainda não foi dada, então pensei em publicá-la. Eu olhei por toda a web e não encontrei uma boa resposta para testar os favoritos no desenvolvimento local.

Na versão atual do chrome (no OSX), se você fizer o seguinte, receberá uma atualização instantânea do favicon:

1. Passe o mouse sobre a guia
2. Clique com o Botão Direito
3. Selecione recarregar
4. Seu favicon agora deve ser atualizado

Esta é a maneira mais fácil que encontrei de atualizar o favicon localmente.

Renomeie o arquivo favicon e adicione um cabeçalho html com o novo nome, como:

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

Se você usa PHP, também pode usar o MD5-Hash do favicon como uma string de consulta:

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

Dessa forma, o Favicon sempre será atualizado quando for alterado.

Conforme indicado nos comentários, você também pode usar a data da última modificação em vez do MD5-Hash para obter a mesma coisa e economizar um pouco no desempenho do servidor:

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

Destruindo o arquivo que o navegador usa para armazenar os favoritos antigos, você pode forçar o carregamento de novos.

1. Feche o seu navegador. Verifique se não há mais processos do navegador em execução (por exemplo, verifique o Gerenciador de tarefas parachrome.exe ou firefox.exe).
2. Navegue até onde o navegador armazena os arquivos do usuário:
   • Para o Chrome, vá para o diretório de dados Chrome .
   • Para o Firefox, vá para o pasta de perfil Firefox .
3. Exclua o cache favicon.
   • Para o Chrome, remova Favicons eFavicons-journal
   • Para o Firefox, remova favicons.sqlite

Isso quase definitivamente funcionará. Se não:

• Possibilidade 1: uma atualização no seu navegador mudou o funcionamento do cache de favicon. Edite esta resposta com novas instruções.
• Possibilidade 2: Seu problema com o favicon não tem nada a ver com o cache excessivamente agressivo. Em vez disso, pode ser um problema de carregamento de recursos - usando as Ferramentas do desenvolvedor, verifique se o novo favicon está sendo baixado corretamente.

No Chrome no Mac OS X, é possível remover arquivos com cache favicon

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

Bem, a sobrecarga é sobrecarga, mas sim, não é muito grande.

Além disso, os navegadores às vezes são "gananciosos" sobre arquivos em cache. Você pode limpar o cache e / ou reiniciar o navegador e poderá ver a alteração. Se isso falhar, porém ...

Minha solução de baixo custo é:

1. Visite seu arquivo em http://example.com/favicon.ico no seu navegador.
2. Exclua o favicon.ico da sua raiz da web.
3. Visite http://example.com/favicon.ico novamente em um navegador, verifique se está faltando.
4. Carregue um novo no seu webroot.
5. Visite http://example.com/favicon.ico novamente em um navegador, verifique se é o novo.

Se essa sequência não funcionar, outra coisa está acontecendo.

Dependendo do navegador, eles são tratados de maneira diferente, mas normalmente acho isso indo para a página padrão do site e fazendo uma atualização completa. CTRL+ F5, normalmente fará com que seja atualizado.

NO MAC: ⌘+ Shift- Rou mantenha pressionado Ctrle clique no botão recarregar no navegador.

Para o Internet Explorer, há outra solução:

1. Abra o Internet Explorer.
2. Clique no menu> Ferramentas> Opções da Internet.
3. Clique em geral> arquivos temporários da Internet> botão "configurações".
4. Clique no botão "visualizar arquivos".
5. Encontre o seu antigo arquivo favicon.ico e exclua-o.
6. Reinicie o navegador (Internet Explorer).

Muito provavelmente um problema no navegador da web. Você precisará excluir o cache do navegador, fechar o navegador e reabri-lo. Isso deve consertar.

Não acredito que seus favoritos serão atualizados nos seus favoritos até você revisitar essa página e supondo que você já havia limpado o cache do navegador anteriormente.

Seu navegador não acessa a Internet para procurar um novo favicon por conta própria ... graças a Deus.

Tente abrir em uma nova guia

Eu tentei muitas das coisas acima (redefinindo o cache, atualizando, usando a tag link etc.), até chequei meu .htaccess arquivo e redefini a variável ExpiresByType.

Mas é isso que finalmente funcionou para mim no Chrome (25.0.x) e no Safari (6.0.1):

1. Cache de liberação
2. Como vincular o favicon à <link>tag
3. Navegando para mysite.com/favicon.ico
4. Abrindo mysite.comem uma nova guia

(Até a etapa 3, a atualização na mesma guia continuava reproduzindo o ícone antigo.)

Para o Chrome no macOS, se você não deseja excluir todo o banco de dados de favicon do Chrome, conforme sugerido aqui, é possível excluir apenas os ícones conflitantes:

1. Sair do Chrome
2. Carregue o banco de dados favicons (usando o sqlite aqui):

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

3. Procure o arquivo que está causando problemas

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

4. Se você está satisfeito com a saída:

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

Como alternativa , você pode procurar um padrão que possa ser reutilizado para excluir várias entradas:

3. Pesquise vários arquivos que estão causando problemas

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

4. E novamente, se você estiver satisfeito com o que isso retorna:

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

5. Digite .exite pressione return para sair do sqlite
6. Reinicie o Chrome

Quando você solicita o favicon do Google, pode dar uma olhada nos cabeçalhos de resposta.

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 você colocar um cabeçalho "Expira:" na resposta, os navegadores clientes solicitarão novamente o ícone após esse carimbo de data / hora. Durante o desenvolvimento ativo, você pode definir o carimbo de data / hora de expiração para um ou dois segundos no futuro e sempre buscar isso, embora esse seja um plano ruim a longo prazo.

Versão do Chrome: 68.0.3440.106

Basta reiniciar o Chrome (na barra de endereço): chrome://restart

O suporte a favicon do Chrome é de buggy - desconsidere esta resposta

Escrevi esta resposta com a impressão de que era necessário para atualizar os favoritos no Google Chrome. No entanto, acontece que isso funciona apenas nos primeiros cinco minutos, até que o ícone se perca irremediavelmente na sincronização do histórico do Chrome .

Resposta original

Você não precisa limpar o cache, reiniciar o navegador ou reescrever o HTML - basta alterar o URL do ícone uma vez , para que o navegador esqueça o ícone armazenado em cache anteriormente.

Supondo que você definiu seu ícone por meio de <link>elementos nas páginas de sua página <head>, você pode fazer isso executando esta linha única JS padrão no console:

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

Para uma implementação mais avançada disso que pode fazer isso automaticamente para usuários finais em produção, consulte freshicon.js .

Recentemente, restaurei meus favoritos e estava procurando uma maneira de restaurar os FavIcons sem visitar cada página. Minha pesquisa me levou a este tópico.

Para aqueles em circunstâncias semelhantes, basta baixar o complemento FAVICON RELOADER. Uma vez instalado, você encontrará o comando "recarregar ícones favoritos" no menu suspenso BOOKMARKS.

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

Se você estiver usando PHP .., também poderá usar esta linha.

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

Ele atualizará seu favicon a cada carregamento da página.

Se você está apenas interessado em depurá-lo para ter certeza de que foi alterado, basta adicionar uma entrada fictícia ao seu arquivo / etc / hosts e clicar no novo URL. Esse favicon já não seria armazenado em cache e você pode ter certeza de que um novo está funcionando.

Com exceção de alterar o nome do favicon, não há como você forçar seus usuários a obter uma nova cópia

Isso funciona para o Chrome:

• no Mac: excluir arquivo

  $ {user.home} / Biblioteca / Suporte a aplicativos / Google / Chrome / Padrão / Favicons

• no Windows: excluir arquivos

  C: \ Usuários [nome do usuário] \ AppData \ Local \ Google \ Chrome \ Dados do usuário \ Default \ Favicons C: \ Usuários [nome do usuário] \ AppData \ Local \ Google \ Chrome \ Dados do usuário \ Default \ Favicons-journal

fonte

Esta é uma solução alternativa para o bug do chrome: altere o atributo rel para a folha de estilo! Mantenha o link original. Funciona como um encanto:

Eu vim com essa solução alternativa, porque também temos um requisito para poder atualizar os sites / códigos de produção do cliente e não encontrei nenhuma das outras soluções para trabalhar.

Eu sei que essa é uma pergunta muito antiga, mas também é relevante, embora atualmente se aplique apenas ao mozilla. (Eu não tenho idéia do que o explorer faz porque não codificamos para navegadores não padrão).

O Chrome se comportará bem se incluir uma tag de ícone no cabeçalho.

Embora o mozilla esteja bem ciente do problema, como sempre, eles nunca consertam as pequenas coisas irritantes. Mesmo 6 anos depois.

Portanto, existem duas maneiras de forçar uma atualização de ícone com o Firefox.

1. Todos os seus clientes desinstalam o Firefox. Em seguida, reinstale.

2. Digite manualmente apenas o domínio na barra de URL - não use http ou www apenas o domínio (meudominio.com).

Isso pressupõe, é claro, que seus registros ns incluem resolução apenas para o nome de domínio.

Simples,

1: Eu não quero mexer em códigos (o ps meu construtor de sites não usa códigos, ele usa o botão "enviar arquivo" e o faz ele mesmo)

2: eu tentei o CTRL+F5 e ele não funciona para mim, então ....

TENHO UMA SOLUÇÃO:

IE: limpe todo o histórico do navegador e cookies, acessando as configurações c O

Chrome: vá para o menu no canto superior direito abaixo do X que se parece com a =, depois vá para configurações, histórico, LIMPAR DADOS DE NAVEGAÇÃO e marque todas as caixas que se aplicam (fiz histórico, cookies e esvaziei a catche do início dos tempos)

Basta alterar este nome de arquivo = 'favicon1.ico'

Aqui está como eu o gerenciei com um favicon simplesmente animado e o FireFox 3.6.13 (versão beta). Provavelmente funcionará para outras versões do FireFox, deixe-me saber se não funcionar. É basicamente a solução da artlung, mas também aborda o arquivo .gif:

1. Abri pelo programa FTP, baixei meus arquivos favicon.ico AND favicon.gif,
2. então os excluiu dos arquivos do meu servidor.
3. Então eu os abri no meu navegador, como sugerido pelo artlung: http://mysite.com/favicon.ico AND http://mysite.com/favicon.gif esses endereços foram carregados e exibidos 404 páginas de erro ("página não encontrada")
4. ENTÃO, enviei os dois arquivos novamente para o meu servidor e o PRESTO - os ícones corretos foram exibidos instantaneamente.

Além disso, certifique-se de colocar o URL da imagem completa, não apenas o caminho relativo:

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

E não:

images/favicon.ico

Se o problema persistir, apesar de aplicar algumas etapas acima, tente reiniciar o servidor IIS . Espero que isto ajude...

Simon, suponho que haja uma razão para que nenhuma das outras respostas seja aceita até agora. Assim, acredito que isso poderia ser um problema do Grails - especialmente se você estiver usando o 'Plug-in de Recursos'.

Se seus plug-ins fornecerem um favicon (o que - ilogicamente - muitos o fazem), eles poderão substituir o que você deseja usar - já que o seu está em um plug-in.

Se a exclusão temporária do favicon de todos os seus plug-ins resolver o problema, é provável que você esteja enfrentando isso:

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

Siga as etapas abaixo para alterar o ícone do aplicativo:

1. Adicione o seu arquivo .ico no projeto.
2. Vá para angular.json e em "projetos" -> "arquiteto" -> "construção" -> "opções" -> "ativos" e faça uma entrada para o seu arquivo de ícone. Consulte a entrada existente do favicon.ico para saber como fazê-lo.
3. Vá para index.html e atualize o caminho do arquivo de ícone. Por exemplo,

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

Como alternativa, renomeie seu arquivo de ícone com favicon.ico e substitua-o no diretório

4. Reinicie o servidor.
5. Atualização de navegador rígido e você está pronto para ir.