Question

我把我的图标放在这里：

http://www.vittoriosastarsnursery.com/favicon.ico

但出于某种原因，它不想在Firefox中显示。它确实在IE中工作，但我更关心的是让它在Firefox中运行。

Answer 1

突然间我找到了答案here

你应该添加＆＃34;？＆＃34;到你的favicon路径，它的工作原理！即使是images/favicon.ico这样的路径。试试吧：

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

其他浏览器也有效。

请记住重新启动mozilla，因为它有自己的缓存，与css和其他缓存无关。

<强>更新

另一种方法是将favicon.ico重定向到/images/favicon.ico（301件作品）

Answer 2

我可以在Chrome，Firefox和IE中看到它。当我们在大学里测试时，我的朋友遇到了这样的问题。这只是一个奇怪的缓存事情，使她认为它不能正常工作。我相信除了你之外的每个人都能看到它运作良好。您可以在清除缓存后尝试重新启动浏览器，看看是否有帮助。

Answer 3

要考虑的两件事

如果它在某些浏览器中运行而在其他浏览器中运行则可能是缓存问题。清除缓存并刷新，或深入了解更多信息：How do I force a favicon refresh
如果favicon.ico位于项目的根文件夹中但未被任何浏览器识别，我会查看.htaccess，或者等同于.htaccess，具体取决于服务器类型等。

Answer 4

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

Answer 5

对于遇到此问题的用户，请尝试将您的favicon文件移至主目录。它对我有用并解决了我的问题。

Answer 6

如果你不想花上几个小时。试图找出你的favicon没有显示的原因，请务必始终将其放在项目文件夹的根目录中，并在页面的<head></head>部分添加一个链接，如下所示：

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

文件夹结构

--app
-----img
-----js
-----css
-----favicon.ico

Answer 7

它适用于FireFox。运行identify（ImageMagick包的一部分）时，它会报告此问题： identify: invalid colormap index 'favicon.ico' @ error/image.c/SyncImage/3906

也许在图形编辑器中打开文件并重新保存它会清除此错误。

Answer 8

https://github.com/ritwickdey/vscode-live-server/issues/77

我在VS-Code实时服务器上遇到了这个问题，如上所述，这是浏览器缓存问题，上面有一个流行的github线程。

只需尝试一下技巧：

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

学习愉快

Answer 9

我也有这个问题。事实证明（至少对我来说）通过.htaccess阻止没有引用者的用户/代理会导致问题。

Answer 10

这只是一个缓存问题。只需更改文件名，它就会立即显示...否则，什么也不做，它将最终显示。浏览器只是使用favicon缓存非常持久。

Answer 11

尚未提到的似乎是我的问题的原因是图像文件大小。我使用的图像是 4254 像素 X 3850 像素，大小为 1.3MB。它在 Chrome 桌面上运行良好，但在 Chrome 移动设备或 Firefox 上运行不正常。将尺寸更改为 120px X 120px 会将文件大小减少到 9.1KB，并且网站图标现在运行良好。

附言这仅在您的代码没有问题时才有效。

Answer 12

对于那些尝试了所有东西并且favicon仍然没有出现的人：

将其放入您的网站根目录
重命名＆＃34; favicon.ico＆＃34;
确保您的代码如下：
```
<link rel="icon" href="favicon.ico"/>
```
1. 如果你仍有同样的问题，请将整个网站放在另一个目录中，就像记忆棒（为我修复它:)）。
2. 请记住：您必须将图标代码放在每个页面中。：）

Favicon没有出现

12 个答案: