无法在网页源代码中找到网站图标

Question

也许是个愚蠢的问题，但我无论如何都找不到此网站上的"ico" 图标文件的参考：

http://www.fitnessutah.com/

他们显然有一个因为它在浏览器的Tab窗口中显示。我尝试过Chrome开发者工具，网络选项卡显示页面上的所有图片——但那里也没有favicon。它躲哪了呢？

- HerrimanCoder

Answer 1

看起来这似乎被以不同的方式引入，但通常总是在默认位置-这个也是。

http://www.fitnessutah.com/favicon.ico

- Ryan

---

我从未知道。谢谢。 - HerrimanCoder

Answer 2

指定网站的favicon有两种方法：

1）提供一个link指向favicon

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

2) 将其放置在预定义的URL中，这个URL是相对于服务器根目录的。因此，在这种情况下，它将是http://www.fitnessutah.com/favicon.ico

这个网站似乎正在使用第二种方法，所以你会在那个链接中找到favicon。

- Carlos Calla

Answer 3

你不需要添加一个 link 元素来显示网站上的 favicon 图像。

引用： 指定 favicon 的第二种方法是使用预定义的 URI 来标识图像："/favicon"，它是相对于服务器根目录的。

Source: http://www.w3.org/2005/10/howto-favicon

- Keir Simmons

Answer 4

继Keir和Carlos的回答之后，为了明确起见，大多数浏览器还会在这里查找网站图标：

http://yourwebsitename.com/favicon.ico

如果收藏夹图像的命名/存储如上所述，则无需在HTML代码中提及它。

因此，如果您在查看网站时在HTML源代码中找不到有关其收藏夹图标的任何参考信息，只需在浏览器地址栏中输入网站的基本URL，后跟/favicon.ico：

http://example.com/favicon.ico

现实生活中的例子 - 尝试在源代码中找到网站图标：

http://www.fuelly.com/favicon.ico

- cssyphus

Answer 5

使用Chrome Dev Tools的网络选项卡。 按图标筛选器筛选。 使用Shift+F5重新加载页面。 无论链接还是默认位置加载，您都将获得该图标。

- Hopeless

---

你能进一步解释一下吗？“它被链接加载”是什么意思？ - Nico Haase

@NicoHaase请阅读上面提供的答案。每个人都提到使用favicon.ico有两种方法：使用[link]元素或默认位置。 - Splambo

Answer 6

在Chrome中，您只需在地址栏中输入chrome://favicon/{domain.url}即可找到。

例如

chrome://favicon/https://www.google.com/

- Tushar Saha