Favicon 未显示在 Google Chrome 浏览器中

Question

出于某种原因，我的图标没有显示在我的 chrome 标签上。从我读过的所有文章中，我正确地编写了代码。它确实在 Firefox 中工作。我还清除了我的缓存并尝试了一个隐身窗口，但仍然没有看到它。

当我去： localhost:8080/favicon.ico 我确实看到了网站图标。

这是我在 HTML 标头中的代码：

<link rel="shortcut icon" sizes="16x16 32x32 64x64" 
href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />

任何帮助，将不胜感激！谢谢！

Answer 1

尝试按照此处#3 中的说明进行网站图标缓存重置

3. 网站图标缓存重置

一种更彻底的解决问题的方法，但允许您在全局而不是逐个站点执行此操作，是清除浏览器的图标缓存。程序是：

• 在 Mac 上：删除以下文件

  ${user.home}/Library/Application Support/Google/Chrome/Default/Favicons
  

• 在 Windows 上：从以下位置删除 Favicon-journal 和 Favicon 文件

  C:\Users\nomeutente\AppData\Local\Google\Chrome\User Data\Default
  

在这两种情况下，建议重新启动浏览器。

Answer 2

您应该favicon.ico在下面链接您的喜欢：

<link rel="icon" href="wherever/your_icon/is?v=1.0" />

问题是，chrome 第一次找不到它，现在它假设你没有它，因为它从缓存中渲染。该?v=1.0部分确保 chrome 再次加载它。

Answer 3

我不确定为什么你有所有并不真正需要的额外图标格式。我的图标看起来像这样：<link rel="icon" href="favicon.ico">。我建议你尝试一下（除非绝对需要其余的）。此外，它也可能无法正确加载。每当我设置图标时，根据我在什么上执行的操作（服务器或单击 index.html 文件），有时我必须重新加载几次。