Firefox 不显示图标答案

【问题标题】：Firefox doesn't show faviconFirefox 不显示图标
【发布时间】：2011-05-30 20:04:01
【问题描述】：

我创建了 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 处理得很好，但 FireFox 甚至不尝试加载它（正如我从 Fiddler 调试代理中看到的那样）。我尝试了许多不同的类型（图像/ico 等）和 href 参数，但没有运气。

我错过了什么？

【问题讨论】：

你的文件真的叫favicon.con吗？
favicon.ico 文件相对于 html 文件在哪里？
@Jrod 如果它与其他浏览器一起使用，位置应该没问题
@Teneff 哦，对不起... favicon.ico 当然，只是错字。已编辑。
@MisterSir，不一定。一些浏览器可能只是尝试从根目录加载一个名为 favicon.ico 的文件，而完全忽略标签。

标签： html favicon

【解决方案1】：

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

尝试清除浏览器缓存。

在 Mozilla Firefox 中，keyboard shortcut 到 “重新加载（覆盖缓存）” 是

Ctrl + F5 或
Ctrl + Shift + R

【讨论】：

谢谢你，Zach，缓存才是真正的问题。虽然 Ctrl + F5（重新加载（覆盖缓存））没有帮助，但我在干净的 PC 上打开了网站，那里一切正常。
我发现在大多数浏览器上都有效的一个技巧是显式转到example.com/favicon.ico 以将图标加载到浏览器的缓存中。然后，下次您访问该网页时，该图标应该会显示出来。
Nither '重新加载（覆盖缓存）'，使用 Ctrl + F5 或 Ctrl + Shift + R，也不适合我访问 'favicon.ico' URL。但有效的是重新启动浏览器。（使用 Firefox 10.0.2 测试。）

【解决方案2】：

Firefox 有单独的网站图标缓存，这不能正常工作。图标在 Firefox 中不容易更新。这是一个小问题，但长期困扰着我们许多人。

解决方案是清除网站图标缓存，以便更新网站图标。如果您通过互联网或 stackoverflow 可以找到许多解决方案。大多数解决方案涉及手动删除网站图标缓存或使用一些插件。有人说从临时 Internet 文件中删除文件。但是有一种非常简单的方法可以解决这个问题。

输入 www.yoursite.com/favicon.ico（或 www.yoursite.com/apple-touch-icon.png 等）
CTRL + F5 或 CTRL + R

这将立即更新网站图标。

此解决方案最初由“alex”在此链接上发布： How do I force a favicon refresh

【讨论】：

【解决方案3】：

这很奇怪，因为我只是将您的代码复制/粘贴到一个空白文档中，然后用 firefox 和一些我重命名为 favicon.ico 的随机图像作为 favicon 加载。

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

【讨论】：

【解决方案4】：

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

如果您在模板目录“/template/favicon.ico”中有一个网站图标，而在“/favicon.ico”中有另一个图标，即使您在模板文件夹中使用了网站图标链接，firefox 也会使用根目录中的网站图标. 解决办法是删除根目录下的favicon。

我当前的 Firefox 版本是 58.0b6 (Quantum)。

【讨论】：

【解决方案5】：

我不是一个程序员，但我遇到了类似的问题，这是最终对我有用的简单事情......

我管理着几个简单的网站，但 Firefox 拒绝加载某个特定网站的图标。我上网查了一下，我能理解的都试过了。没有任何效果。该代码与其他图标运行良好的网站完全相同（实际上是复制的）。

最终我突然意识到，也许 Firefox 不喜欢我过去的路径。该站点是托管在我自己的域上的转发 URL。（即个人域是 myplace.ca 并且不会加载的网站图标是注册 URL something.com 的一部分，它实际上位于 myplace.ca/PutItHere/）如果我使用注册的 URL (something.com) 没有网站图标。如果我在浏览器中使用真实路径，突然出现favicon！我所要做的就是为绝对路径而不是注册域添加书签！

【讨论】：

【解决方案6】：

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

【讨论】：

【解决方案7】：

所以只是在 Firefox v70.0.1 中没有显示网站图标的问题。

现在这可能只对极少数人来说是个问题，而且很可能只有在您修改了 FF 中的 about:config 设置时

对我来说，这个问题是在某些网站上将 privacy.resistfingerprinting 设置为 true，这会阻止网站图标。

我注意到的另一个问题以及导致我找出问题原因的原因是在我正在创建上传图像的网站上使用 dropzone.js 时预览为空白。预览是 base64 编码的，因此被阻止。

就像我说的那样，对大多数人来说很可能不会是一个问题，但想在某个地方发布它，这样它可能会帮助其他可能面临与我类似的问题的人。

在此处查看更多信息：https://wiki.mozilla.org/Security/Fingerprinting

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

【讨论】：

【解决方案8】：

现在是 2017 年。Firefox 没有选择我名为“favicon-32x32.png”的图标，而 Chrome 正在显示。 我将文件名更改为“favicon.png”，并按照上面的说明进行了刷新，效果很好。我正在使用：
火狐版本 55.0
Chrome 版本 60.0

【讨论】：