为现代 Web 浏览器加载网站图标的最佳方式是啥？

Posted 2023-03-10

【中文标题】为现代 Web 浏览器加载网站图标的最佳方式是啥？

【英文标题】：What is the best way to load a favicon for modern web browsers?为现代 Web 浏览器加载网站图标的最佳方式是什么？

【发布时间】：2017-04-16 18:58:30

【问题描述】：

我并不担心所有设备，只担心现代浏览器 - Chrome、FF、Safari、IE。

我读过

How to set-up a favicon?

我在浏览器中看到的两种方式是：

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

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

以前我一直在使用 javascript 来动态加载我的网站图标，但 Chrome 会访问我的服务器以获取默认位置并产生错误...

我不希望它这样做......

所以我将使用标准的 html 方式。

【参考方案1】：

Blog by Daniel Schwarz 解释了在大多数现代网络浏览器中使用网站图标的正确方法。我参考这篇文章。希望这对您有所帮助。

【参考方案2】：

只需将 favicon.ico 文件放在站点的源文件夹中，浏览器就会知道如何获取它，而且浏览器并不是唯一会请求 favicon 的东西 - 许多爬虫和其他应用程序也会这样做。