¿Cómo forzo una actualización de favicon?

Tengo una aplicación Grails que se ejecuta localmente usando su propio tomcat y acabo de cambiar el favicon por uno nuevo. El problema es que no puedo verlo en ningún navegador. El viejo favicon aparece o no obtengo ningún favicon, pero no el nuevo. No creo que este sea un problema de Grails per se, más un problema con los favicons.

¿Qué se supone que debe pasar con los favicons? ¿Cómo se supone que funcionan? Tengo numerosos marcadores en mi navegador que tienen los iconos incorrectos y parece que nunca se actualizan. ¿Cómo fuerzo al servidor / navegador a dejar de almacenarlos en caché? Parece bastante tonto almacenarlos siempre en caché, ya que normalmente son solo 16x16. ¿Por qué no simplemente subirlos con cada visita a la página? No es exactamente una gran sobrecarga.

Para actualizar el favicon de su sitio, puede forzar a los navegadores a descargar una nueva versión utilizando la etiqueta de enlace y una cadena de consulta en su nombre de archivo. Esto es especialmente útil en entornos de producción para asegurarse de que sus usuarios obtengan la actualización.

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

Ok, después de 10 minutos de intentarlo, la forma más fácil de arreglarlo está cerca de la línea de pájaros.

1. Escriba www.yoursite.com/favicon.ico (o www.yoursite.com/apple-touch-icon.png, etc.)
2. empujar enter
3. ctrl+f5
4. Reiniciar el navegador (IE, Firefox)

Esta respuesta aún no se ha dado, así que pensé en publicarla. Miré por toda la web y no encontré una buena respuesta para probar favicons en el desarrollo local.

En la versión actual de Chrome (en OSX), si hace lo siguiente, obtendrá una actualización instantánea de favicon:

1. Pase el cursor sobre la pestaña
2. Botón derecho del ratón
3. Seleccionar recarga
4. Tu favicon ahora debería actualizarse

Esta es la forma más fácil que he encontrado para actualizar el favicon localmente.

Cambie el nombre del archivo favicon y agregue un encabezado HTML con el nuevo nombre, como:

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

Si usa PHP, también podría usar el MD5-Hash del favicon como una cadena de consulta:

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

De esta manera, el Favicon siempre se actualizará cuando se haya cambiado.

Como se señaló en los comentarios, también puede usar la última fecha de modificación en lugar del MD5-Hash para lograr lo mismo y ahorrar un poco en el rendimiento del servidor:

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

Al destruir el archivo que usa su navegador para almacenar favicons antiguos, puede forzar la carga de otros nuevos.

1. Cierra tu navegador. Asegúrese de que ya no se estén ejecutando procesos del navegador (por ejemplo, consulte el Administrador de tareas para chrome.exeo firefox.exe).
2. Navegue hasta donde su navegador almacena archivos de usuario:
   • Para Chrome, vaya al directorio de datos de Chrome .
   • Para Firefox, vaya a la carpeta de perfil de Firefox .
3. Eliminar el caché de favicon.
   • Para Chrome, quite FaviconsyFavicons-journal
   • Para Firefox, elimine favicons.sqlite

Esto casi definitivamente funcionará. Si no:

• Posibilidad 1: una actualización de su navegador ha cambiado la forma en que funciona el caché de favicon. Edite esta respuesta con nuevas instrucciones.
• Posibilidad 2: su problema de favicon no tiene nada que ver con el almacenamiento en caché excesivamente agresivo. En cambio, puede ser un problema de carga de recursos: con las herramientas de desarrollador, asegúrese de que el nuevo favicon se esté descargando correctamente.

En Chrome en Mac OS X, uno puede eliminar el archivo con favicon cache

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

Bueno, la sobrecarga es sobrecarga, pero sí, no demasiado grande.

Además, los navegadores a veces son "codiciosos" sobre los archivos en caché. Puede borrar el caché y / o reiniciar su navegador y puede ver el cambio. Sin embargo, si eso falla ...

Mi solución de cheapo es:

1. Visite su archivo en http://example.com/favicon.ico en su navegador.
2. Elimine el favicon.ico de su raíz web.
3. Visite http://example.com/favicon.ico nuevamente en un navegador, verifique que falta.
4. Cargue uno nuevo en su raíz web.
5. Visite http://example.com/favicon.ico nuevamente en un navegador, verifique que sea el nuevo.

Si esa secuencia no funciona, entonces está sucediendo algo más.

Dependiendo del navegador, se manejan de manera diferente, pero generalmente encuentro que va a la página predeterminada del sitio y realiza una actualización completa. CTRL+ F5, normalmente lo actualizará.

EN MAC: ⌘+ Shift- Ro mantenga presionado Ctrly haga clic en el botón de recarga en el navegador.

Para Internet Explorer, hay otra solución:

1. Abra internet explorer.
2. Haga clic en menú> herramientas> opciones de internet.
3. Haga clic en general> archivos temporales de Internet> botón "configuración".
4. Haga clic en el botón "ver archivos".
5. Encuentre su antiguo archivo favicon.ico y elimínelo.
6. Reinicie el navegador (Internet Explorer).

Es más que probable que sea un problema del navegador web. Tendrá que eliminar su caché de su navegador, cerrar su navegador y volver a abrirlo. Eso debería arreglarlo.

No creo que sus favicons se actualicen en sus favoritos hasta que vuelva a visitar esa página, y suponiendo que previamente haya borrado el caché de su navegador.

Su navegador web no saldrá a Internet para buscar un nuevo favicon por sí solo ... gracias a Dios.

Intenta abrir en una pestaña nueva

Probé muchas de las cosas anteriores (restablecer el caché, actualizar, usar la etiqueta de enlace, etc.), incluso verifiqué mi .htaccessarchivo y restablecí la variable ExpiresByType.

Pero esto es lo que finalmente funcionó para mí en Chrome (25.0.x) y Safari (6.0.1):

1. Vaciar caché
2. Vinculando el favicon con la <link>etiqueta
3. Navegando a mysite.com/favicon.ico
4. Abrir mysite.comen una pestaña nueva

(Hasta el paso 3, la actualización en la misma pestaña seguía reproduciendo el icono anterior).

Para Chrome en macOS, si no desea eliminar toda la base de datos de favicon de Chrome como se sugiere aquí, puede eliminar solo los iconos en conflicto:

1. Salir de Chrome
2. Cargue la base de datos de favicons (usando sqlite aquí):

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

3. Busque el archivo que está causando problemas

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

4. Si está satisfecho con la salida:

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

Alternativamente , puede buscar un patrón que pueda reutilizar para eliminar múltiples entradas:

3. Busque varios archivos que estén causando problemas.

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

4. Y nuevamente, si estás contento con lo que esto devuelve:

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

5. Escriba .exity presione volver para salir de sqlite
6. Reiniciar Chrome

Cuando solicita el favicon de Google, puede echar un vistazo a los encabezados de respuesta.

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 coloca un encabezado "Expires:" en la respuesta, los navegadores del cliente volverán a solicitar el icono después de esa marca de tiempo. Mientras realiza un desarrollo activo, puede establecer la marca de tiempo de caducidad en un segundo o dos en el futuro, y siempre hacer que recupere esto, aunque ese es un plan pobre a largo plazo.

Versión de Chrome: 68.0.3440.106

Simplemente reinicie Chrome (en su barra de direcciones): chrome://restart

El soporte de favicon de Chrome tiene errores: ignore esta respuesta

Escribí esta respuesta bajo la impresión de que esto es lo que se necesitaba para actualizar los favicons en Google Chrome. Sin embargo, resulta que esto solo funciona durante los primeros cinco minutos más o menos, hasta que el icono se pierde irremediablemente en la sincronización del historial de Chrome .

Respuesta original

No tiene que borrar su caché, reiniciar su navegador o reescribir su HTML; solo necesita cambiar la URL del icono, una vez , para que el navegador olvide el icono almacenado en caché previamente.

Suponiendo que haya definido su ícono a través de <link>elementos en su página <head>, puede hacerlo ejecutando esta línea única JS estándar en la consola:

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

Para una implementación más avanzada de esto que puede hacer esto automáticamente para los usuarios finales en producción, vea freshicon.js .

Recientemente restauré mis marcadores y estaba buscando una manera de restaurar los FavIcons sin visitar cada página. Mi búsqueda me trajo a este hilo.

Para aquellos en una situación similar, simplemente descargue el complemento FAVICON RELOADER. Una vez instalado, encontrará el comando "volver a cargar los iconos favoritos" en el menú desplegable de MARCADORES.

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

Si está usando PHP ... también puede usar esta línea.

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

Actualizará su favicon en cada carga de página.

Si solo está interesado en depurarlo para asegurarse de que ha cambiado, simplemente puede agregar una entrada ficticia a su archivo / etc / hosts y presionar la nueva URL. Ese favicon ya no estaría en caché y puedes asegurarte de que el nuevo esté funcionando.

A menos que cambie el nombre del favicon, no hay forma de obligar a sus usuarios a obtener una nueva copia

Esto funciona para Chrome:

• en Mac: eliminar archivo

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

• en Windows: eliminar archivos

  C: \ Users [nombre de usuario] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons C: \ Users [nombre de usuario] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons-journal

fuente

Esta es una solución para el error de Chrome: ¡cambie el atributo rel a una hoja de estilo! Sin embargo, mantenga el enlace original. Funciona de maravilla:

Se me ocurrió esta solución porque también tenemos el requisito de poder actualizar los sitios / código de producción del cliente y no encontré ninguna de las otras soluciones para trabajar.

Sé que esta es una pregunta muy antigua, pero también es relevante, aunque en estos días solo se aplica a mozilla. (No tengo idea de qué explorador hace porque no codificamos para navegadores no estándar).

Chrome se comporta bien si uno incluye una etiqueta de icono en el encabezado.

Aunque Mozilla es muy consciente del problema, como de costumbre, nunca arreglan las pequeñas cosas molestas. Incluso 6 años después.

Por lo tanto, hay dos formas de forzar una actualización de icono con firefox.

1. Haga que todos sus clientes desinstalen firefox. Luego reinstalar.

2. Escriba manualmente solo el dominio en la barra de URL; no use http o www solo el dominio (midominio.com).

Esto supone, por supuesto, que sus registros ns incluyen una resolución solo para el nombre de dominio.

Simple,

1: No quiero jugar con los códigos (ps mi creador de sitios no usa códigos, usa el botón "subir archivo" y lo hace por sí mismo)

2: probé el CTRL+ F5y no me funciona, así que ...

TENGO UNA SOLUCIÓN:

IE: Borrar todo el historial del navegador y las cookies yendo a la configuración cog O

Chrome: vaya al menú en la esquina superior derecha debajo de la X que se ve como a =, luego vaya a configuración, historial, BORRAR DATOS DE NAVEGACIÓN y marque todas las casillas que correspondan (hice historial, cookies y vacié la captura del principio de los tiempos)

Simplemente cambie este nombre de archivo = 'favicon1.ico'

Así es como lo logré con un favicon simplemente animado y FireFox 3.6.13 (versión beta) Probablemente también funcionará para otras versiones de FireFox, avíseme si no lo hace. Básicamente es la solución de artlung, pero también aborda el archivo .gif:

1. Abrí por programa FTP, descargué mis archivos favicon.ico Y favicon.gif,
2. luego los ELIMINÓ de los archivos de mi servidor.
3. Luego los abrí en mi navegador como sugirió artlung: http://mysite.com/favicon.ico Y http://mysite.com/favicon.gif Una vez que esas direcciones se cargaron y mostraron páginas de error 404 ("página no encontrada")
4. ENTONCES volví a cargar ambos archivos en mi servidor y PRESTO: los íconos correctos se mostraron instantáneamente.

También asegúrese de poner la URL de la imagen completa no solo su ruta relativa:

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

Y no:

images/favicon.ico

Si el problema continúa a pesar de aplicar algunos de los pasos anteriores, intente reiniciar el servidor IIS . Espero que esto ayude...

Simon, supongo que hay una razón por la que ninguna de las otras respuestas es aceptada hasta ahora. Por lo tanto, creo que esto podría embargo, ser un problema de Grails, especialmente si está utilizando el 'Complemento de recursos'.

Si sus complementos proporcionan un favicon (que, ilógicamente, muchos lo hacen), podrían anular el que desea utilizar, dado que el suyo está en un complemento en sí.

Si eliminar el favicon de todos sus complementos temporalmente resuelve el problema, es muy probable que experimente esto:

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

Siga los pasos a continuación para cambiar el ícono de la aplicación:

1. Agregue su archivo .ico en el proyecto.
2. Vaya a angular.json y en ese "proyectos" -> "arquitecto" -> "compilar" -> "opciones" -> "activos" y aquí haga una entrada para su archivo de icono. Consulte la entrada existente de favicon.ico para saber cómo hacerlo.
3. Vaya a index.html y actualice la ruta del archivo de icono. Por ejemplo,

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

Alternativamente, cambie el nombre de su archivo de icono con favicon.ico y reemplácelo en el directorio.

4. Reinicia el servidor.
5. Hard actualizar el navegador y ya está listo.