【问题标题】:What are the reasons that a browser would not request favicon.ico?浏览器不会请求 favicon.ico 的原因是什么?
【发布时间】:2016-02-22 22:08:34
【问题描述】:

我正在编写一个位于服务器根目录的简单网页,其快捷方式图标位于“/favicon.ico”,但我的浏览器从未请求此 favicon.ico。我在 html 中包含以下内容:

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

当我打开开发者工具的网络选项卡时,我看到了对 192.168.0.1(网页本身)的请求,但没有对图标的后续请求。清除缓存并启用“禁用缓存”不会改变行为。

开发者控制台中没有出现任何错误,其他一切似乎都运行良好。

编辑:

我根据 Jean-Francois 的帖子更新了以下链接,但仍然遇到同样的问题:

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

【问题讨论】:

  • 答案在那里:stackoverflow.com/questions/10218178/… 见@Semanino 的答案!
  • 感谢您的回复。我让它工作,并将在下面发布答案。事实证明,一旦我得到它的工作,我恢复到最初发布的不正确的语法,并且 chrome 能够处理它而不会出错。

标签: webpage favicon


【解决方案1】:

原来是我处理图标缓存的问题,以及我检测浏览器是否实际请求图标的方式。

我只是在 chrome 上查看网络日志,以确定是否有针对 favicon.ico 的请求,Favicon request not showing in network tab of developer toolbars 表明存在问题。

只是进行硬刷新(通过强制浏览器不使用缓存)似乎也不能解决问题,我能够让所有三个浏览器发出请求的唯一方法是添加一个查询链接末尾的参数。最后的链接标签是:

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

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-06-25
  • 1970-01-01
  • 1970-01-01
  • 2015-02-23
  • 2015-12-17
相关资源
最近更新 更多