网页F12出现favicon.ico not found问题的原因与解决方法

最新推荐文章于 2023-03-12 10:33:25 发布
最新推荐文章于 2023-03-12 10:33:25 发布
阅读量2.5w 收藏 8
点赞数 2
分类专栏： 前端开发 文章标签： favicon icon
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39300332/article/details/79440622
版权

算是一个破事水，不过之前还真的不清楚这东西干嘛的，只是在公司实习时F12喜欢报错找不到这东西，当时同事说不管就没深究，很是惭愧······后来还是查了一下，这东西原来就是网页 title 旁边的 icon，一般和 logo 一样。大小一般控制在 1616px 或 3232px，大了影响加载速度，还可能导致浏览器不进行缓存，添加方式通常这样（一般开发方式，路径也可能视情况修改）：

<head>
	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="bookmark" href="/favicon.ico" type="image/x-icon"　/>
</head>

icon网址推荐：

  1. easyicon
  2. 阿里巴巴矢量图标库
  3. 懒人图库
  4. 图标宝
Mr.Cool
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
关于Not Found: /favicon.ico 报错的解决方法
weixin_43972292的博客
05-14 4万+
目前做自己的博客，一直报Not Found: /favicon.ico这个错误，之前做博客的时候也有，但是没怎么关注（我一直再改进自己的博客网站，希望它看起来更专业一点），现在看着很烦人，作为处女座无法接受这个碍眼的报错，虽然我美看到任何bug，原来他就是一个浏览器上显示网站标识的一个东东，给你的网站弄一个标识，看起来有那么一点点意思吧！ 首先找到一张任何看着顺眼的照片，然后百度搜索ico照片转...
GET favicon.ico请求
最新发布
清风
05-15 167
【代码】GET favicon.ico请求。
解决 favicon.ico 404 (Not Found)
小糖穿越火线
02-26 7688
解决一：加入icon <link href="favicon.ico" rel="shortcut icon"> 解决二：再head中写入： <link rel="shortcut icon" href="#">
解决页面favicon.ico文件不存在提示404问题
fygkchina的专栏
07-16 7179
解决页面favicon.ico文件不存在提示404问题
网站常用的favicon.ico文件
songqiu821的博客
11-18 3821
在项目中，经常看到favicon.ico报错，一直不明白是啥个东西，如下图。（如果你访问的页面上没有这个的话， 可以强制刷新下看看） 偶然间看到了一篇文章，才明白是怎么回事， 在此记录下：FAVICON.ICO 是网站图标文件，浏览网站时显示在地址栏前边的那个图标 参考：添加链接描述 关于Favicon，总是被命名为favicon.ico。默认存放在网站web根目录。当访问一个页面的时候，不管怎么样，浏览器都会请求/favicon.ico，例如第一张图， 可以通过在页面的部分加入link元素来重新指定它
对web.py设置favicon.ico的方法详解
12-24
本文介绍在web.py中设置favicon.ico的方法： 如果没设置favicon，后台日志是这样的： 127.0.0.1:4133 - - [03/Sep/2015 18:49:53] "HTTP/1.1 GET /favicon.ico" - 303 See Other 由于浏览器会自动去获取这个文件，...
node.js中的favicon.ico请求问题处理
01-20
这样的代码在请求时会出现两条请求: 第一条时URL地址为用户输入的客户端请求的目标URL地址,”/”代表用户的目标url地址为web应用程序的根目录. 第二个目标URL地址问浏览器为页面在收藏夹中的显示图标.默认
nginx关闭favicon.ico、robots.txt日志记录配置
09-30
在本文中，我们将详细探讨如何在Nginx服务器配置中关闭对`favicon.ico`和`robots.txt`的错误日志记录，以及如何阻止对隐藏文件的访问。这有助于优化服务器性能，避免不必要的资源消耗。 首先，让我们了解`favicon....
给自己的网站制作一个favicon.ico图标的实现方法
10-31
给自己的网站制作一个favicon.ico图标的实现方法
在node.js中怎么屏蔽掉favicon.ico的请求
01-01
　在做路由模块的时候，发现控制台每次都会多输出一条favicon.ico的请求，对于这种又占资源，看着又碍眼的玩意，强迫症完全忍不了了，查了下代码，加了一行进去解决问题（没有技术含量，如果想笑话我的仁兄，请速速...
浏览器The requested URL * was not found on this server. 的解决方法
weixin_46504385的博客
03-12 1万+
·
微信小程序出现的Template "icon" not found.的几种原因
miracle
01-23 6010
在微信小程序开发中，当自己建立一个模板是发现报错Template "icon" not found.其中icon 是我自己建立的模板。那么据本人经验可以从以下方面入手，以下以建立icon模板为例子： 1：首先项目根目录下的template中有icon.wxml文件，同时文件中格式如下，注意name=“”中的名称，因为这影响到后面在wxml页面中的引用。 tem
浏览器显示The requested URL *** was not found on this server
热门推荐
Creame-Cake的专栏
09-03 8万+
1、相关文件是否丢失 2、DocumentRoot指向是否有错误 3、apache是否开启了rewrite_module模块 /etc/httpd/conf/httpd.conf,发现原因： Apache的rewrite_module模块，支持.htaccessrewrite_module没开启，开启过程如下： centos的配置文件放在： 代码如下 复制代码 /etc/http
【nodejs】- favicon.ico请求问题处理
m0_55960697的博客
04-27 4941
代码如下： // 导入http、fs、path模块 const http = require('http') const fs = require('fs') const path = require('path') // 创建服务器 const server = http.createServer((req, res) => { // 获取请求地址 let url = req.url // 获取要请求文件的路径 let pathUrl = path.join(_
favicon.ico Failed to load resource: the server responded with a status of 500 ()错误解决
shaxu123的博客
03-07 8507
favicon.ico Failed to load resource: the server responded with a status of 500 ()错误解决 （一）原因 前端代码里并没有写用到favicon.ico图片的代码，为什么会报错呢？ favicon.ico其实就是网页的标志图片，有些浏览器会默认在根目录下找这个图片，你没有就自然保存了 （二）解决方法 在前端页面中head标签中添加一下代码，注意href是路径，添加你自己的路径，同时要有favicon.ico这个图片，随便找一个图片
网站图标favicon.ico
caoning315629的博客
07-10 3737
一、图标介绍favicon.ico 一般用于作为缩略的网站标志，它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上，是展示网站个性的缩略 logo 标志，也可以说是网站头像,目前主要的浏览器都支持 favicon.ico 图标，如果要让网站看起来更专业、更美、更有个性，favicon.ico 是必不可少的。除此之外，标签式浏览器甚至还有不少扩展的功能，如 FireFox 甚至支持动画格式的 fav...
python django整理（五）配置favicon.ico，解决警告Not Found: /favicon.ico
IT届的小学生
11-16 1万+
Django 浏览器打开警告Not Found: /favicon.ico，解决问题需要三步1.首先准备favicon.ico图片，网上有很多转化工具，放到在前面python django整理（四）目录的static/images下 2.在head中增加以下代码 {% load staticfiles %} <link REL="SHORTCUT ICON" HREF="{% stat
GET http://localhost:8000/favicon.ico not found怎么办
05-29
这个错误通常是因为浏览器在请求网页时自动请求了一个 favicon.ico 文件，但是该文件在服务器上不存在而导致的。解决方法有两个： 1. 在你的服务器上添加一个 favicon.ico 文件，可以是一个空文件或者一个真正的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值