浏览器不请求favicon.ico的原因是什么？

Question

我正在编写一个简单的网页，该网页位于服务器的根目录，并且有一个位于"/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"/>

- awaywardson

---

答案在这里：https://dev59.com/dmkv5IYBdhLWcg3w_Vmn 看看@Semanino的回答！ - Jean-Francois Demers

感谢回复。我已经让它正常工作并会在下面发布答案。事实证明，一旦我让它正常工作，我又恢复了最初发布的不正确语法，并且Chrome能够处理而没有发生错误。 - awaywardson

Answer 1

结果发现我处理的问题涉及图标缓存以及检测浏览器是否实际请求图标的方式。我只是在Chrome的网络日志中查看是否有favicon.ico的请求，并且开发工具栏的网络选项卡中没有显示Favicon请求 表明存在问题。

仅通过进行硬刷新（强制浏览器不使用缓存）似乎也无法解决问题，而使三个浏览器都发出请求的唯一方法是将查询参数添加到链接的末尾。最终的链接标签如下：

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

- awaywardson

---

能否解释一下这个查询参数的作用？ - bluelurker

@bluelurker 【强制清除缓存。】(https://stackoverflow.com/questions/67219450/trouble-setting-a-site-favicon/67219477#67219477) - Spectric