Firefox无法显示网站图标

Question

我创建了favicon.ico文件并在HTML头标签中声明了它：

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

在IE 8和Opera中处理良好，但是据我从Fiddler调试代理中看到，FireFox甚至都不尝试加载它。 我已经尝试了许多不同类型（如image/ico等）和href参数，但没有运气。

我错过了什么？

- Denis

---

你的文件真的叫做 favicon.con 吗？ - Teneff

与HTML文件相关的favicon.ico文件在哪里？ - Jared

@Jrod 如果它在其他浏览器上可以工作，那么位置应该没问题。 - Lockhead

@Teneff 噢，抱歉...当然是 favicon.ico，只是打错了。已编辑。 - Denis

先生，不一定。有些浏览器可能只是尝试从根目录加载名为favicon.ico的文件，并完全忽略<link>标签。 - Buh Buh

Answer 1

与浏览器中的大多数内容一样，网站图标（或缺乏图标）也是常见的缓存候选项。

尝试清除您的浏览器缓存。

在Mozilla Firefox中，键盘快捷方式来“重新加载（覆盖缓存）” 是

• Ctrl + F5 或
• Ctrl + Shift + R

- Zach Rattner

---

谢谢，Zach，缓存确实是个问题。虽然Ctrl + F5（重新加载（覆盖缓存））没有帮助，但我在干净的电脑上打开网站，一切都很好。 - Denis

我发现的一个适用于大多数浏览器的技巧是显式地访问http://example.com/favicon.ico，将图标加载到浏览器缓存中。然后，下次访问该网页时，网站图标应该会显示出来。 - Zach Rattner

即使我尝试使用 Ctrl + F5 或 Ctrl + Shift + R 来重新加载（覆盖缓存）页面，或者访问 'favicon.ico' 的 URL，都不能解决问题。但是，重启浏览器是有效的。（在 Firefox 10.0.2 上测试过。） - Susam Pal

Answer 2

火狐浏览器有单独的收藏夹缓存，但其无法正常工作。在火狐浏览器中，网站图标不容易更新。这是一个小问题，但困扰着我们很长时间。

解决方案是清除收藏夹缓存以更新网站图标。如果你在互联网或stackoverflow上搜索，可以找到许多解决方案。大多数解决方案涉及手动删除收藏夹缓存或使用一些插件。有些人建议从临时互联网文件中删除该文件。但有一种真正简单易行的方法来解决这个问题。

1. 在地址栏中输入 www.yoursite.com/favicon.ico（或www.yoursite.com/apple-touch-icon.png等）
2. 按CTRL + F5或CTRL + R

这将立即更新网站图标。

此解决方案最初由'alex'发布在以下链接中： 如何强制刷新网站图标

- iiR

Answer 3

我刚刚遇到了Firefox v70.0.1中favicon不显示的问题。

现在这可能只会影响极少数人，而且很可能只会影响那些修改了FF的about:config设置的人。

对于我来说，导致这个问题的设置是privacy.resistfingerprinting被设置为true，在某些网站上，这将阻止favicon的显示。

我注意到的另一个问题是，在我创建的网站上使用dropzone.js时，上传的图像预览为空白。这些预览是base64编码的，由于这个问题被阻止了。

就像我说的，这对大多数人可能不是问题，但我想在某个地方发布这篇文章，以帮助那些可能面临类似问题的人。

更多信息请参见：https://wiki.mozilla.org/Security/Fingerprinting

和这里：https://bugzilla.mozilla.org/show_bug.cgi?id=1452391

- Kyle Coots

Answer 4

这很奇怪，因为我刚刚将您的代码复制/粘贴到一个空白文档中，在Firefox中打开，一些随机图像我重命名为favicon.ico作为网站图标加载了。

也许可以尝试这个？ http://help.godaddy.com/article/4145

- Lockhead

Answer 5

我的问题是我在网站根目录下有另一个favicon.ico。

如果你的模板目录“/template/favicon.ico”和根目录“/favicon.ico”都有一个favicon，那么Firefox将使用根目录中的favicon，即使你在模板文件夹中使用了一个链接。解决方法是删除根目录中的favicon。

我当前使用的Firefox版本是58.0b6（量子）。

- Petr Hladík

Answer 6

我还发现，如果您引用完整的URL路径，则可能需要在其中引用带有www的URL，否则它可能无法加载。

- IceWarrior353

Answer 7

我不是很擅长编程，但我曾经遇到过类似的问题，最终找到了解决方法...

我管理着几个简单的网站，但Firefox拒绝加载其中一个特定网站的favicon。我在网上搜索了一下，尝试了所有我能理解的方法，但都没有起作用。代码与其他图标正常的网站完全相同（实际上是复制的）。

最终我意识到，也许Firefox不喜欢我使用的路径。这个网站是一个转发的URL，托管在我的个人域名上。（即个人域名是myplace.ca，无法加载的favicon是注册URL something.com 的一部分，实际上位于myplace.ca/PutItHere/）。如果我使用注册的URL（something.com），就没有favicon。如果我在浏览器中使用真实路径，突然就有了favicon！我所要做的就是将绝对路径添加到书签中，而不是注册域名！

- JingleOtoko

Answer 8

现在是2017年。Firefox没有显示我的名为“favicon-32x32.png”的网站图标，而Chrome却可以正常显示。我按照其他人的建议将文件名更改为“favicon.png”，并刷新了页面，这样就解决了问题。我使用的浏览器版本如下：
Firefox版本55.0
Chrome版本60.0

- Tennom