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

1535

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.

Simón
fuente
12
La solución aceptada y altamente votada NO es la solución real. La razón real por la que la actualización no funcionará se puede encontrar en la solución de esta pregunta: stackoverflow.com/questions/8616016/… --- ¡el caché de iconos está en un archivo sqlite DB, independiente del caché del navegador!
Mörre
8
La solución aceptada y altamente votada es la solución para producción, ¿o debo escribir un tutorial para los usuarios sobre cómo borrar su caché de favicon cuando actualizamos favicon para producción?
Miroslav Saracevic
2
No es una solución general. ¿Qué sucede si está utilizando la ubicación predeterminada de favicon sin tocar su código? Es decir, un favicon.icoarchivo en la raíz de su documento.
Sebastian
77
xkcd.com/1854
sudo bangbang

Respuestas:

2091

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" />
marca
fuente
35
Esto hizo el truco para mí. Tuve que eliminar type="image/x-icon"de mi código, al contrario de muchas fuentes. Usé una marca de tiempo modificada de archivo para la v?=2parte de la consulta.
Wertisdk
10
Descubrí que en algunos navegadores el favicon no se actualizaba sin importar qué, a menos que eliminara el historial. Entonces salvará el nuevo favicon.
Pathfinder
66
Desafortunadamente, necesita la URL absoluta totalmente calificada para IE7 (¿y IE8?) - consulte jeffcode.blogspot.com.au/2007/12/…
eug
55
de acuerdo con los comentarios anteriores, pero esto funciona para mí en todos los navegadores actuales: <link rel = "shortcut icon" href = "/ favicon.ico? v = 2" />
Dave Sumter
31
Tiene sentido almacenar en caché los favicons porque a veces empujan 2-3 kilobytes de tamaño. No desea seguir transfiriendo todos esos datos. (sí, sarcasmo)
Flat Cat
824

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)
alex
fuente
8
Con este método, probablemente superaría el almacenamiento en caché, pero sus usuarios existentes no pueden. Por lo tanto, encuentro la otra respuesta más valiosa.
Demircan Celebi
3
Vale la pena señalar que esto no funciona en Firefox 33. La primera respuesta es una mejor opción.
Brent Waggoner
1
Tuve que cerrar las herramientas de desarrollo para que esto funcione en Chrome.
tehwalris
1
No tuve que reiniciar el navegador, pero sí tuve que navegar a mi sitio web en una pestaña sin herramientas de desarrollo abiertas. Por alguna razón, Ctrl + F5'ing en una pestaña no devtools lo hizo. Podía Ctrl + F5 todo lo que quería y navegar por Internet y volver a mi sitio tanto como quería en la pestaña devtools y nunca actualizaría el favicon.
mjohnsonengr el
3
La parte "reiniciar navegador" fue lo único que realmente hizo que funcionara para mí. Todas las otras soluciones funcionan en teoría, pero en realidad no cambian los píxeles favicon que se muestran en la pestaña del navegador. +1 esta respuesta
b264
262

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.

Garry Polley
fuente
1
Desafortunadamente, esto no funciona en IE o incluso en Chrome en Windows, por lo que parece que debe ir con la respuesta aceptada a menos que solo esté usando Chrome en OSX.
Christopher King
3
Funciona en OS X Sierra con Chrome 53.0.2785.143 (64 bits)
Seno
1
funciona para mí: Chrome 58.0.3029.110, Windows 10, localhost
R Brill
1
¡Funcionó en Chrome 63.0.3239.84 para Windows 10!
beawolf
44
Funciona en Chrome 67.0 en OSX. Extraño, no funciona con CMD+ Shift+R
cephei_vv
56

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" />
Klaus Byskov Pedersen
fuente
44
Supongo que el navegador puede ver si el nombre de favicon es el mismo. Si es así, no solicitará su descarga nuevamente y usará una ya almacenada en caché, pero si cambia el nombre, asumirá que ha cambiado y así lo solicitará al servidor.
Bojan Kogoj
Tuve el problema con el IE8. No usó el favicon.ico colocado en una subcarpeta. Agregar el atributo rel 'atributo' atajo 'lo arregló.
tienbuiDE
3
Eso no es nada refrescante, es cambiarlo por uno completamente nuevo.
Zac
tenga en cuenta que también debe cambiar el nombre de su favicon.ico real (estará en su carpeta de compilación o en el directorio desde el que se sirve la aplicación web)
Rahil Ahmad
55

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') ?>" />
Felix Wienberg
fuente
2
Agradable, esto evita la necesidad de cambiar el href cada vez que actualizo el favicon, ¡esta respuesta debería tener más votos!
Sven van den Boogaart
44
El problema con esta respuesta es que está calculando ese hash en cada solicitud, y eso es algo innecesario y podría afectar el rendimiento del sitio (si hay muchos usuarios).
Diego Jancic
1
No es gran cosa en ambos sentidos ... un favicon es solo un par de kilobytes ... Quiero decir, no será menos estresante para el servidor que tener que servir el favicon cada vez ...
Philippe Gilbert
14
Todavía no veo ninguna razón real para calcular el MD5. Es más fácil y efectivo usar la última fecha de modificación del archivo. No veo ninguna ventaja de usar el MD5 sobre el último sello modificado.
NickG
99
¿Con qué frecuencia estás actualizando tu favicon? Esto parece una exageración. Simplemente use la cadena de consulta manual cuando cree un nuevo icono.
ceros y unos
51

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:
  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.
konzo
fuente
Esto hizo el truco. Para mí, este fue un problema de favicon de la aplicación Google Chrome. No es un problema de favicon DOM.
klewis
2
Esta es una buena respuesta que satisface mis necesidades de prueba. No hay una respuesta real para esta pregunta porque depende de quién necesite actualizarla y de lo que estén dispuestos y puedan hacer razonablemente.
Dovev Hefetz
1
Solo una pequeña mejora: esa misma ruta para cualquier nombre de usuario es%appData%/../Local/Google/Chrome/User Data/Default
josemmo
3
Una solución más fácil en Chrome es hacer clic derecho y seleccionar Inspeccionar (o CTRL + MAYÚS + I), luego hacer clic y mantener presionado el botón Actualizar. Aparecerá un menú con la opción Actualizar, Recarga dura o Vaciar caché y Recarga dura. Por lo general, Hard Reload lo hará, pero si es terco por alguna razón, Empty Cache y Hard Reload definitivamente lo harán.
Felwithe
1
En Linux puede encontrar estos archivos en:~/.config/google-chrome/Default
Arnold Schrijver
29

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

${user.home}/Library/Application Support/Google/Chrome/Default/Favicons 
Maxim Mazin
fuente
1
Esta solución funcionó para mí. Por alguna razón, no fue refrescante el favicon con los métodos mencionados anteriormente con muchos más votos. Así que gracias, Maxim Mazin. Solo quería deshacerme de un viejo favicon que sabía que ya no podía existir en mi nuevo host.
tsaulic
2
Este enfoque también funcionó para mí en Windows, donde había eliminado el favicon de mi aplicación, pero Chrome todavía lo mostraba. Cierre Chrome, elimine "C: \ Users \ {user} \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons", luego reinicie Chome. El viejo favicon no deseado se ha ido.
skomisa
2
No tenía nada en "defecto" pero con el tiempo me encontré con esta variación:${user.home}/Library/Application Support/Google/Chrome/Profile 1/Favicons
mdahlman
@mdahlman Esto inicialmente no funcionó para mí después de probar todos los otros métodos. Sin embargo, conseguí que funcione después de cmd+qusar Chrome, ir a la barra de menú, forzar a salir de Chrome nuevamente y esperar 2 minutos para abrir el navegador y volver a mi sitio.
PrimeTimeTran
17

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.

artlung
fuente
77
Esto funcionó para mí, pero lamentablemente no podemos pedirle a cada visitante que haga esto.
talentedmrjones
3
Visita example.com/favicon.ico y presiona Ctrl + F5 / Ctrl + Shift + R varias veces me funcionó :) ¡Gracias por la idea!
Alfonso Nishikawa
17

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

Mitchel Sellers
fuente
Usuario de Mac: CMD SHIFT 5
Gianfranco Fertino
13

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

Badmadrad
fuente
2
Esto no fuerza la recarga de favicons.
Shammoo
1
Esto recargó mi favicon / solucionó el problema
rgareth
Funciona para ubuntu 16.04
uneet7
10

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).
nam
fuente
9

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.

Senica Gonzalez
fuente
3
"Su navegador web no saldrá a Internet para verificar si hay un nuevo favicon por sí mismo ... gracias a Dios". Por qué no? ¿Por qué no actualizarlo cada vez que se carga una página? Es una imagen de 2k, que es maní. Nunca debe estar desactualizado. Toda la idea de almacenamiento en caché es una tontería en el gran esquema de las cosas.
Simon
55
developer.yahoo.com/performance/rules.html menciona problemas relacionados con la descarga de favicon.ico que quizás no haya pensado. Buenos consejos por todos lados. El almacenamiento en caché es una herramienta valiosa para asegurarse de que su sitio se ejecute tan rápido como sea práctico. El almacenamiento en caché también es útil para hacer que su navegador se sienta lo más rápido posible.
artlung
66
@ Simon, el almacenamiento en caché es una tontería?!? Espero por el bien de sus clientes que hayan aprendido la importancia de un mejor desarrollo web desde 2010. Lo que es "tonto" NO es el almacenamiento en caché y las solicitudes innecesarias a su servidor de lo que equivale a un archivo estático que rara vez, si es que alguna vez, cambia.
Ed DeGagne
8

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

McStopher viejo
fuente
8

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

  1. Busque el archivo que está causando problemas

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

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


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

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

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

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


  1. Escriba .exity presione volver para salir de sqlite
  2. Reiniciar Chrome
MrUpsidown
fuente
6

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.

Dean J
fuente
2
También solo funciona de manera preventiva, lo que supera el propósito de la pregunta.
ANeves
6

Versión de Chrome: 68.0.3440.106

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

Pascal
fuente
5

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 .

Stuart P. Bentley
fuente
Esto es realmente útil si está intentando deshacerse de un icono almacenado en caché en un servidor que no controla, donde ahora falta el icono / devuelve un código http no 200. En lugar de agregar, ?v=2cambie la URL completa por un ícono de su elección y parece quedarse después de una actualización
Paul S.
4

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

bgc
fuente
Está de vuelta allí para la instalación y parece muy prometedor (encontrará el AddOn dentro del menú de marcadores) pero tampoco volvió a cargar el icono en mi firefox 34 (en Linux) sin reiniciar
rubo77
4

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.

Shakeel Ahmed
fuente
2
Ese es el problema "Actualizará tu favicon en cada carga de página". ¿Qué tal el almacenamiento en caché? El favicon debe estar en caché.
machineaddict
Si desea almacenar en caché su nuevo favicon ... simplemente proporcione cualquier valor nuevo como ... <link rel = "shortcut icon" href = " yoursite.com/favicon.ico?v=12345 ">
Shakeel Ahmed
2
favicon.ico? v = <? php echo md5_file ('favicon.ico') como lo sugiere Felix Wienberg @machineaddict
Sven van den Boogaart el
1
Esta no es una buena manera de resolver este problema. Usar time () lo obligará a recargar el icono cada vez. Desea la última hora modificada del archivo favicon.ico , no la hora actual del reloj de pared.
NickG
¿Qué pasa si redondea a las 24 horas más cercanas o a los 30 días más cercanos? un restablecimiento mensual de caché podría ser útil
SwiftNinjaPro
3

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

cpjolicoeur
fuente
2

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

Nikolai Koudelia
fuente
1

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.

usuario1427015
fuente
1
Probé literalmente cada solución de sugerencia (codificación) aquí y esta es la única que funcionó para mí. ¿Tienes alguna idea de por qué?
Crystal Miller
1

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.

rockmo
fuente
1

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)

Robert
fuente
44
La pregunta se refiere a cómo se almacenan en caché los favicons. Borrar su caché local solucionará el problema para usted, pero no para nadie más.
Mark Chorley
@ MarkChorley, que es exactamente de lo que trata la pregunta original. Almacenamiento en caché de favicons en un entorno de desarrollo local.
MrUpsidown
1

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

Armin Alibasic
fuente
0

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.
lineofbirds
fuente
1
Ah, por cierto, para que se muestren los nuevos, también tuve que eliminar mi marcador guardado, y este mismo procedimiento también funcionó para Google Chrome.
lineofbirds
0

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
Amr Elgarhy
fuente
3
/images/favicon.icoes la forma correcta de hacerlo: "simplemente funciona" para diferentes entornos (desarrollo / prueba / producción), y es una ruta absoluta, desde la URL base del documento.
ANeves
Desafortunadamente, necesita la URL totalmente calificada para IE7 (¿y IE8?) - consulte jeffcode.blogspot.com.au/2007/12/…
eug
2
Esto no es realmente una respuesta, es un comentario.
Zac
0

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

Murat Yıldız
fuente
-3

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

usuario569825
fuente
-3

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.

  1. Reinicia el servidor.
  2. Hard actualizar el navegador y ya está listo.
Rut Shah
fuente