favicon.ico 图标用于收藏夹图标和浏览器标签上的显示,如果不设置,浏览器会请求网站根目录的这个图标,如果网站根目录也没有这图标会产生 404。
出于优化的考虑,要么就有这个图标,要么就禁止产生这个请求。
在做 H5 移动端应用的时候,不希望产生 favicon.ico 的请求。
可以在页面的 <head> 区域,加上如下代码实现屏蔽:
<link rel="icon" href="data:;base64,=">
或者详细一点
<link rel="icon" href="data:image/ico;base64,aWNv">
当然,既然是 dataURL 方式,IE < 8 等 old browser 就不适用了
转载自:https://www.jianshu.com/p/e2fc292e9bf5
在项目中使用node.js请求favican.ico的时候会出现2条请求,浪费资源,经过一番改进,记录下来过程,以后注意。
代码如下:
var http=require("http"); var server=http.createServer(); server.on("request",function(req,res){5 console.log(req.url); res.end(); }); server.listen(1337,"127.0.0.1");
这样的代码在请求时会出现两条请求:
第一条时URL地址为用户输入的客户端请求的目标URL地址,"/"代表用户的目标url地址为web应用程序的根目录.
第二个目标URL地址问浏览器为页面在收藏夹中的显示图标.默认为favicon.ico.而自动发出的请求的目标URL地址.
可以对上面的代码做修改后屏蔽这样的请求
代码如下:
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(); });
转载自:https://www.jb51.net/article/58525.htm
我的示例html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> --> <link rel="icon" href="data:;base64,="> <!-- <link rel="SHORTCUT ICON" href="111(这里面的内容就是默认请求的,只要rel值里面带icon关键字好像就可以)"> --> <title>Document</title> </head> <body> review.html </body> </html>