HTML Favicon.ico 不会在 Google Chrome 上显示

新手上路,请多包涵

我正在制作一个 HTML 页面,我想要的其中一件事是在标题旁边出现一个图标。

我使用的是 Google Chrome,我看到其他网站上的网站图标可以正常工作,但我网站上的网站图标不会显示。该站点位于我桌面上名为站点的文件夹中。

favicon.ico 文件是 16x16,我使用了在线生成器来制作它。

这是代码:

 <!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="shortcut icon" href="/favicon.ico" />
    </head>
    <body>
    </body>
</html>

原文由 Nick 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.7k
2 个回答

由于您的 href 中有前导 / ,因此您引用的文件将位于根文件夹中。如果您的页面位于计算机上的文件夹中,而不是从本地网络服务器提供服务,则领先的 / 将告诉浏览器查看文件系统的根文件夹。因此浏览器期望文件位于 C:/favicon.ico 或类似位置,这可能不是您所期望的。

如果 favicon.ico 与网页位于同一文件夹中,则只需删除前导斜线,图标应该可见。

 <link rel="shortcut icon" href="favicon.ico" />

更新:

作为调试选项,您可以尝试添加一个您知道有效的标签。我从 StackOverflow 源借用了这个片段。尝试用这个替换你的链接标签,看看你是否得到了 SO 标志作为你的图标。

 <link rel="shortcut icon"
      href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

更新 2:

似乎在 Chromium 上 报告了一个错误,如果文件是在本地加载的,而不是通过网络服务器提供的,则不会显示 favicon。

原文由 Christofer Eliasson 发布,翻译遵循 CC BY-SA 3.0 许可协议

我发现(在 Chrome 56,OSX 上)favicon 状态似乎在浏览器生命周期内被缓存,所以如果一个 favicon 没有被加载,它不会 在重新启动 Chrome 之后。它似乎没有出现在开发工具的“应用程序”选项卡中,也没有被硬重新加载或“清除站点数据”清除。

原文由 Rich 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题