所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。

例如：浏览器的页签栏和收藏栏中所展示的favicon.ico文件，如下图：

1、问题描述：

在Web项目开发中，浏览器会提示favicon.ico文件不存在404问题，如下图：

2、解决方法一：

（1）创建一个favicon.ico文件，并放置在Web项目的根目录下。如下图：

备注：由于该博客网站无法上传.ico格式的文件，所以这里上传的是一个.png的文件，下载后请自行修改文件名为：favicon.ico

（2）在HTML页面中的<head></head>标签中添加入下代码：

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

运行页面，在浏览器的页签栏中就可以看到添加的favicon.ico文件效果。

3、解决方法二：

在HTML页面中的<head></head>标签中添加入下代码：

<link rel="shortcut icon" href="#"/>

解决页面favicon.ico文件不存在提示404问题相关推荐

网站常用的favicon.ico文件
在项目中,经常看到favicon.ico报错,一直不明白是啥个东西,如下图.(如果你访问的页面上没有这个的话, 可以强制刷新下看看) 偶然间看到了一篇文章,才明白是怎么回事, 在此记录下:FAVICO ...
html自动请求favicon,浏览器默认请求的favicon.ico文件，可能带来的问题
本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规.大家都是程序员,不要闹得不开心. 浏览器加载网站的时候,都会默认请求一个favicon.ico文件.当然,如果页面代码里面有额外指定图片的话,是 ...
favicon.ico文件简介
本地调试时,控制台经常会打印如下的错误(对 favicon.ico 的请求在 chrome 调试面板下不可见,可在抓包工具,比如 Fiddler 中看到): favicon.ico 是啥?看下面这张图 ...
Apache下favicon.ico文件找不到的问题
最近安装apache svn时,发现error日志中,大量出现以下日志: [Thu Apr 25 13:13:23 2013] [error] [client 127.0.0.1] File does ...
css网页favicon_网站常用的favicon.ico文件详解
FAVICON.ICO 是网站图标文件,浏览网站时显示在地址栏前边的那个图标关于Favicon 总是被命名为favicon.ico 默认存放在网站web根目录.我们常常看到这样的一个请求/favic ...
png转为favicon.ico文件
分享一个比较好用的网站可以直接上传png文件生成favicon.ico文件. 实测比较好用. 直接上链接. http://www.bitbug.net/
springboot 中favicon.ico 图标不显示问题，后台日志报错找不到favicon.ico 文件问题解决
重构框架的时候发现这个问题在服务器上发现已访问就会出现favicon.ico 找不到的日志,开始也是在网上找方案,找问题,结果都不是很符合心意. 我个人感觉还是配置拦截器的问题,先贴代码.然后真的是 ...
【网页图标】favicon.ico文件的设置
如何在Vue Cli目录下面设置我们想要的网页图标? 文件目录结构如下: 第一步:打开你的项目文件地址打开找到public文件夹,粘贴.ico文件进去public文件夹结果图: 第二步:在index ...
easypoi导出excel不设置样式_解决EasyPoi导出excel文件后打开提示格式错误的问题
excel文件下载成功后打开文件遇到错误之前的下载代码: private static void downLoadExcel(String fileName, HttpServletResponse ...

解决页面favicon.ico文件不存在提示404问题

1、问题描述：

2、解决方法一：

3、解决方法二：

解决页面favicon.ico文件不存在提示404问题相关推荐

最新文章

热门文章