如何屏蔽网站发起favicon.ico的请求

最新推荐文章于 2024-05-28 09:41:55 发布
转载 最新推荐文章于 2024-05-28 09:41:55 发布 · 2.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/weijuer/blog/1973463
文章标签：

#python #javascript #ViewUI

本文介绍如何在H5混合应用中去除favicon.ico的请求，通过在<head>区域加入特定代码来避免不必要的请求，这对于优化用户体验和减少资源消耗有一定帮助。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

favicon.ico 图标用于收藏夹图标和浏览器标签上的显示，如果不设置，浏览器会请求网站根目录的这个图标，如果网站根目录也没有这图标会产生 404。更有甚者，比如我司，其他项目是https，而官网则是http（不知哪个鸟总这么要求的）还出现了【Mixed Content】，但是，出于优化的考虑，要么就有这个图标，要么就禁止产生这个请求。 

那么怎么去除呢？


在做 H5 混合应用的时候，不希望产生 favicon.ico 的请求。 
可以在页面的 <head> 区域，加上如下代码实现屏蔽： 

<link rel="icon" href="data:;base64,=">

或者详细一点：

<link rel="icon" href="data:image/ico;base64,aWNv">

当然，既然是 dataURL 方式，IE < 8 等 old brower 就别想了

转载于:https://my.oschina.net/weijuer/blog/1973463

html自动请求favicon,如何防止favicon.ico请求？
weixin_33745006的博客
05-30 3881
我没有favicon.ico，但IE总是提出请求。是否可以阻止浏览器从我的网站请求favicon？ 也许HTML标题中有一些META-TAG？#1楼你不能。 您所能做的就是使该图像尽可能小，并在将来设置一些缓存失效标头( Expires ， Cache-Control )。 这就是雅虎！ 不得不说有关favicon.ico的请求。#2楼我首先要说的是，在网页中使用favicon是一件好事(通常)。...
nginx--压缩&&https证书&&favicon.ico&&nginx隐藏版本号&& 去掉nginx&&openSSL
m0_65342309的博客
05-03 1303
Web网站的登录页面都是使用https加密传输的，加密数据以保障数据的安全，HTTPS能够加密信息，以免敏感信息被第三方获取，所以很多银行网站或电子邮箱等安全级别较高的服务都会采用HTTPS协议，HTTPS其实是有两部分组成：HTTP + SSL / TLS，也就是在HTTP上又加了一层处理加密信息的模块。服务端和客户端的信息传输都会通过TLS进行加密，所以传输的数据都是加密后的数据。
在node.js中怎么屏蔽掉favicon.ico的请求
10-20
主要介绍了在node.js中怎么屏蔽掉favicon.ico的请求,非常不错，具有参考借鉴价值，需要的朋友可以参考下
禁止浏览器加载favicon.ico文件
weixin_61329726的博客
05-28 711
【代码】禁止浏览器加载favicon.ico文件。
在node.js中如何屏蔽掉favicon.ico的请求
u011927449的博客
05-08 903
　　今天准备用node做个api出来，还没入门，遇到一个小问题，特在此记录一下！ 　　在做路由模块的时候，发现控制台每次都会多输出一条favicon.ico的请求，对于这种又占资源，看着又碍眼的玩意，强迫症完全忍不了了，查了下代码，加了一行进去解决问题（没有技术含量，如果想笑话我的仁兄，请速速关闭浏览器）！ 　　下面的代码是未更改前的路由，了解原理比什么都重要，对吧！ function rout...
去掉/favicon.ico的请求
热门推荐
银狐的专栏
09-11 1万+
var http=require("http");  var server=http.createServer();  server.on("request",function(req,res){      if(req.url!=="/favicon.ico")          console.log(req.url);      res.end();  });
node.js中的favicon.ico请求问题处理
10-25
在Node.js项目中处理favicon.ico请求问题 标题和描述中提到的问题是，在使用Node.js开发Web应用程序时，时常会遇到由于浏览器默认行为而发起对favicon.ico文件的请求。这种情况通常会出现在页面加载时，浏览器会...
对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 由于浏览器会自动去获取这个文件，...
禁止 favicon.ico 请求
EmotionComputer
10-25 1664
favicon.ico 图标用于收藏夹图标和浏览器标签上的显示，如果不设置，浏览器会请求网站根目录的这个图标，如果网站根目录也没有这图标会产生 404。出于优化的考虑，要么就有这个图标，要么就禁止产生这个请求。 在做 H5 混合应用的时候，不希望产生 favicon.ico 的请求。 可以在页面的 区域，加上如下代码实现屏蔽： <link rel="icon" href="data:;base64,="> 或者详细一点 <link rel="icon" href="data:image
如何屏蔽nodejs里的/favicon.ico请求
页面仔小杨
06-29 457
每个页面默认都会再发一个/favicon.ico,如何屏蔽nodejs里的/favicon.ico请求呢？
一行代码阻止favicon.ico的请求
qq_41801219的博客
04-02 1452
const url = require("url") const_url=url_.parse(url).pathname //阻止访问 if(_url=="/favicon.ico")return
如何让网站不去请求favicon.ico图标
GakkiYui1的博客
05-22 1613
可以在页面的 <head> 区域，加上如下代码实现屏蔽： <link rel="icon" href="data:;base64,=">，或者详细一点<link rel="icon" href="data:image/ico;base64,aWNv">
怎样禁用掉favicon.ico请求
qq_37669302的博客
05-02 7293
怎样禁用掉favicon.ico请求 在做 H5 混合应用的时候，不希望产生 favicon.ico 的请求。 可以在页面的 区域，加上如下代码实现屏蔽： <link rel="icon" href="data:;base64,="> 或者详细一点： <link rel="icon" href="data:image/ico;base64,aWNv"> 当然，既然是 ...
html：设置页面不自动请求favicon.ico图标
彭世瑜的博客
12-14 2076
让网站不自动请求图标。
node 阻止favicon.ico请求
求知若渴！大智若愚！
12-18 7634
浏览器每次发送一个请求，默认都会多发送一个图标请求。var http = require('http'); http.createServer(function(req,res) { console.log('hello world' + req.url); //if(req.url === /favicon.ico) return;//阻止响应 res.writeHead(200,{'
SpringSecurity /favicon.ico请求 404问题
混沌人的博客
05-13 4286
  整合SpringSecurity的时候，发现输入正确用户名密码校验通过后，不是直接跳转到主页面，而是先去请求了"/favicon.ico"路径，如下图：   这是因为SpringSecurity默认是先去获取浏览器标签页网站图标的，如果项目中根目录不存在文件"favicon.ico"则会报错 解决方案： 在项目页面根目录放入制作好的"favicon.ico"文件 页面引入小图标 说明...
阻止那个！(Block-This) - 你的网页元素屏蔽利器
gitblog_00010的博客
04-27 728
阻止那个！(Block-This) - 你的网页元素屏蔽利器 在我们日常浏览互联网时，有时会遇到一些烦人的广告、浮窗或者无关紧要的信息，分散我们的注意力。为了解决这个问题，开发者ggsava推出了一款名为的开源扩展程序，它允许用户自定义规则，轻松屏蔽网页上的不必要元素。 项目简介 Block-This 是一个基于浏览器扩展的轻量级工具，支持Chrome和Firefox等主流浏览器。它的核心功能在于...
宝塔面板 - 如何通过宝塔面板设置服务器禁止 Ping?
06-26 1655
宝塔面板 - 如何通过宝塔面板设置服务器禁止 Ping?
[PHP] 关闭nginx访问favico.ico功能
weixin_30861459的博客
07-10 379
关闭nginx访问favico.ico功能 nginx日志最近发生大量访问favicon.ico无法找到的错误日志，很影响服务器性能，对于一个高并发的服务器每一个错误都会影响性能 关闭访问favicon.ico的功能 # 把以下配置放到 server {} 块. #关闭favicon.ico不存在时记录日志location = /favicon.ico {log_no...
favicon.ico 是什么
最新发布
08-12
### 含义和用途 `favicon.ico` 是一个小型的图标文件，通常用于标识网站或网页。它是一个 `.ico` 格式的图像文件，大小一般为 16x16 像素或 32x32 像素，有时也会包含多种尺寸以适应不同显示需求。这个文件会被浏览器自动请求并显示在浏览器的标签页、书签栏、地址栏以及历史记录中，从而帮助用户更直观地识别网站。 浏览器之所以要求加载 `favicon.ico` 文件，是为了提供更好的用户体验。通过显示一个独特的图标，用户可以快速识别打开的网页标签或书签，尤其是在同时打开多个标签页的情况下。此外，网站图标还可以增强品牌形象，使网站看起来更加专业和完整。 ### 原理 浏览器在加载网页时会自动尝试获取网站的 `favicon.ico` 文件。其查找机制是：首先在当前网页所在的目录中查找 `favicon.ico` 文件，如果找不到，则会到网站的根目录下查找。因此，为了确保浏览器能够正确找到并加载图标文件，最简单的方法是将制作好的 `favicon.ico` 文件放置在网站的根目录下 [^1]。 此外，如果某个页面没有明确指定图标路径，浏览器将默认访问网站根目录下的 `favicon.ico` 文件 [^4]。这种机制使得即使没有在每个页面中显式声明图标，网站也能拥有统一的标识。 ### 在不同场景下的影响 在某些情况下，`favicon.ico` 的请求可能会带来额外的负担。例如，在使用 Node.js 构建的网站中，开发者可能会发现服务器日志中频繁出现对 `favicon.ico` 文件的请求。这些请求不仅占用服务器资源，还可能影响性能。为了解决这个问题，可以通过配置路由或中间件来屏蔽对 `favicon.ico` 的请求，避免不必要的处理 [^3]。 另一个值得注意的现象是，在 Internet Explorer 11 中，如果 `favicon.ico` 文件加载失败，浏览器可能会重新发起对首页的请求，导致首页被加载两次。这一行为可能是由于浏览器试图通过重新加载首页来再次获取图标文件，尽管这种设计并不常见于现代浏览器 [^2]。 ### 示例代码 以下是一个简单的 HTML 示例，展示如何在网页中显式声明 `favicon.ico` 文件的位置： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>示例页面</title> <link rel="icon" href="/favicon.ico" type="image/x-icon"> </head> <body> <h1>欢迎访问示例页面</h1> </body> </html> ``` 在这个示例中，`<link>` 标签指定了 `favicon.ico` 文件的路径。这样可以确保浏览器能够准确找到图标文件，而不需要依赖默认的查找机制。 ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值