Favicon 未在 Firefox 或 Chrome 中显示答案

【问题标题】：Favicon not showing up in Firefox or ChromeFavicon 未在 Firefox 或 Chrome 中显示
【发布时间】：2013-10-01 17:29:41
【问题描述】：

我已将 favicon.ico 上传到服务器上客户端的根 (htdocs) 目录并添加 </head> 标签前的以下内容：

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

它在除 Firefox 和 Chrome 之外的所有浏览器中都能正常加载。在这两个中，虽然图标在选项卡中加载，它不会在网址栏中加载。在 Firefox 中，我看到了一个地球仪图标，在 Chrome 中我看到一个文档图标。

【问题讨论】：

我也尝试过使用 .ico 文件的完整 URL - 仍然没有乐趣。
尝试使用png图标，部分浏览器无法读取.ico，使用<link rel="icon" type="image/png" href="http://example.com/icon.png">

标签： firefox google-chrome favicon

【解决方案1】：

这在 Chrome 和 FF 中不是很正常吗？我在 chrome 的任何一侧都看不到地址栏中的图标。那里显示在选项卡中。文档图标用于显示有关页面的详细信息。如果您在地址栏中找到显示网站图标的页面，您可以查看页面源代码以了解他们是如何做到的。

【讨论】：

你说得对 - 我检查了 CNN 和 Google 等网站，但它们的网站图标也没有显示。

【解决方案2】：

据我所知，Firefox 中不再显示任何网站图标，因为某些网站使用“锁定”符号作为网站图标来模拟安全连接（安全连接徽标将出现在 URL 左侧的网站图标旁边）。不过，网站图标仍会显示在选项卡和书签中。

【讨论】：

【解决方案3】：

您的代码没问题（除非网站图标没有这样的文件）。您只需要清除浏览器的缓存或重新加载已清除缓存的页面 (Ctrl+F5)。但是，您应该知道 FF/Chrome 需要一段时间才能识别新的网站图标，因此您可以在尚未访问过您网站的其他计算机/浏览器中测试它们。

【讨论】：

【解决方案4】：

我不是真正的程序员，我也遇到过类似的问题，这就是最终对我有用的简单方法...

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

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

【讨论】：

【解决方案5】：

...href="favicon.ico"/>"

请注意上面一行中的"favicon.ico"，如果它位于根文件夹中，请避免使用前置正斜杠。它适用于 Firefox 24.0

【讨论】：