什么是favicon.ico

Posted 2023-05-09

参考技术A 就是网页地址栏左侧出现的小图标，你去码工具网上搜，上面有制作favicon图标的教程。

获取 `favicon.ico` 错误，但在代码中找不到

【中文标题】获取 `favicon.ico` 错误，但在代码中找不到

【英文标题】：Get `favicon.ico` error, but can not find it in the code

【发布时间】：2018-04-09 02:36:44

【问题描述】：

当我在浏览器中运行我的项目时，我在浏览器控制台中收到“找不到favicon.ico”错误：

加载资源失败：服务器响应状态为 404（未找到） :8080/favicon.ico

但是当我在 WebStorm 的整个项目中搜索 favicon 时，它什么也没找到：

【参考方案1】：

这是正常的。无论您是否在代码中声明它，Chrome 都会尝试在您的站点根目录中获取 favicon.ico 以将其显示在您的标签中。在您的情况下，它将尝试获取：http://localhost:8080/favicon.ico

根据Wikipedia article on Favicon，除了SeaMonkey之外的所有浏览器都会这样做

在过去，这是个性化浏览器图标的标准方式。现在，您可以为各种设备设置大量可能的图标：https://***.com/a/26768184/1375487

此外，您可以查看此答案，因为它建议了防止自动获取的方法：https://webmasters.stackexchange.com/a/34572

无论如何，最佳做法是为您的项目设置一个 favicon.ico。

【参考方案2】：

favicon.ico 是您网站标题栏上的图标。

浏览器在您的网站中没有找到它。

你应该把它提供给你的index.html：

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

您可以根据自己的情况更改路径。