在 Google Chrome 中 Favicon 不会显示

问题描述

我有一个没有显示在 Chrome 中的 favicon 图标 (我不知道其他浏览器，因为我只使用 Chrome)，但奇怪的是如果我键入图标的 URL 在它显示的图标！

为什么图标不出现？

最佳解决方案

1) 清除缓存。 http://support.google.com/chrome/bin/answer.py?hl=en&answer=95582 并测试另一个浏览器，让我们说 safari 。你是如何导入图标的？

2) 你应该如何添加它：

正常图标：

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

PNG /GIF 图标：

<link rel="icon" type="image/gif" href="favicon.gif" />
<link rel="icon" type="image/png" href="favicon.png" />

在<head> 标签。

3) 另一件事可能是 Chrome 无法显示 favicons 的问题，如果它是本地的 (未上传到网络服务器) 。只有当文件/图标在下载目录中时，chrome 才允许加载这些数据 – 有关这方面的更多信息可以在这里找到：local (file://) website favicon works in Firefox, not in Chrome or Safari- why?

4) 尝试将其从 favicon.{whatever}重命名为 {yourfaviconname}.{whatever}，但我建议您仍然拥有正常的图标。这解决了我在 IE 上的问题。

5) 找到另一个解决方案，这是非常好的！我直接在标签中添加了我的 favicon 作为 Base64 编码图像，如下所示：

<link href="" rel="icon" type="image/x-icon" />

在这里使用此页面：http://www.motobit.com/util/base64-decoder-encoder.asp

6) 我真的可以建议你这个页面：http://www.favicon-generator.org/来创建你需要的所有类型的图标。

次佳解决方案

我读了一堆不同的条目，直到我终于找到一个适用于我的场景的解决方案 (ASP.NET MVC4 项目) 。

而不是使用文件名 favicon.ico 作为我的图标，我将其重命名为别的，即 myIcon.ico 。然后我刚刚使用了 Domi 发布的内容：

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

这工作！

这不是一个缓存问题，因为我用 Fiddler 进行了测试 – 即使我清除了我的缓存「从一开始就」，图标从未发生过。我相信 Chrome 只是一些奇怪的 bug？

第三种解决方案

将您的 favicon.ico 上传到您网站的根目录，并使用 Chrome 。有些浏览器忽略了元标记，只使用/favicon.ico

去搞清楚？…..

参考文献

Favicon not showing up in Google Chrome [duplicate]

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。

在 Google Chrome 中 Favicon 不会显示