html - page - Firefox no muestra favicon

metadatos html ejemplos

Question

Creé el archivo favicon.ico y lo declaré en mi etiqueta de encabezado HTML:

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

IE 8 y Opera lo manejan muy bien, pero FireFox ni siquiera intenta cargarlo (como veo en mi proxy de depuración Fiddler). He intentado muchos tipos diferentes (imagen / ico, etc.) y href params pero no tengo suerte.

¿Qué me perdí?

Answer 1

Aquí está en 2017. Firefox no detectó mi favicon llamado "favicon-32x32.png", mientras que Chrome mostraba. Cambié el nombre del archivo a "favicon.png", Y actualicé como la gente que se muestra arriba , funcionó muy bien. Estoy usando:
Firefox versión 55.0
Chrome versión 60.0

Answer 2

Como la mayoría de las cosas en el navegador, los favicons (o la falta de ellos) son candidatos comunes para el almacenamiento en caché .

Intenta borrar el caché de tu navegador.

En Mozilla Firefox, el método abreviado de teclado para "Recargar (sobrescribir caché)" es

• Ctrl + F5 O
• Ctrl + Shift + R

Answer 3

Eso es extraño, porque simplemente copié / pegué su código en un documento en blanco, se abrió con Firefox y se cambió el nombre de una imagen aleatoria a favicon.ico cargado como el favicon.

Tal vez intente esto? http://help.godaddy.com/article/4145

Answer 4

Firefox tiene caché separada para favicon y esto no funciona correctamente. El favicon no se actualiza fácilmente en firefox. Este es un problema pequeño, pero nos preocupa a muchos de nosotros por mucho tiempo.

La solución es borrar el caché de favicon para que el favicon se actualice. Hay muchas soluciones que puedes encontrar si vas a través de Internet o de . La mayor parte de la solución consiste en eliminar el caché de favicon manualmente o usar algunos complementos. Algunos dicen que borra el archivo de los archivos temporales de internet. Pero hay una manera realmente simple y fácil de solucionar el problema.

1. Escriba www.yoursite.com/favicon.ico (o www.yoursite.com/apple-touch-icon.png, etc.)
2. CTRL + F5 o CTRL + R

Esto actualizará inmediatamente el favicon.

Esta solución fue publicada originalmente por ''alex'' en este enlace: ¿Cómo puedo forzar una actualización de favicon?

Answer 5

Mi problema fue que tenía otro favicon.ico en un directorio raíz web .

Si tiene un favicon en el directorio de plantillas "/template/favicon.ico" y otro en "/favicon.ico", firefox usará el favicon de la raíz del directorio aunque haya usado un enlace para el favicon en la carpeta de plantillas. La solución es eliminar el favicon en el directorio raíz.

Mi versión actual de Firefox es 58.0b6 (Quantum).

Answer 6

No soy muy programador, pero tuve un problema similar y aquí está la cosa simple que finalmente me funcionó ...

Administro varios sitios web simples pero Firefox se negó a cargar el favicon de uno en particular. Busqué en línea, probé todo lo que pude entender. Nada funcionó. El código era exactamente el mismo (copiado de hecho) de los otros sitios web cuyos iconos funcionaron bien.

Finalmente, me di cuenta de que tal vez a Firefox no le gustaba la ruta que solía llegar allí. Este sitio fue una URL reenviada alojada en mi propio dominio. (es decir, el dominio personal es myplace.ca y el favicon que no se cargaría formaba parte de la URL registrada something.com que en realidad estaba ubicada en myplace.ca/PutItHere/) Si usé la URL registrada (something.com), no hay favicon. Si utilizo la ruta real en el navegador, de repente favicon! ¡Todo lo que tenía que hacer era marcar la ruta absoluta en lugar del dominio registrado!

Answer 7

También descubrí que si hace referencia a la ruta completa de la URL, es posible que deba hacer referencia a la URL CON www. en él, de lo contrario no podrá cargar.