我没有favicon.ico,但我的浏览器总是发出请求。
是否有可能阻止浏览器从我的网站制作favicon的请求?也许是HTML头中的META-TAG ?
我没有favicon.ico,但我的浏览器总是发出请求。
是否有可能阻止浏览器从我的网站制作favicon的请求?也许是HTML头中的META-TAG ?
当前回答
如果你使用nginx
# skip favicon.ico
#
location = /favicon.ico {
access_log off;
return 204;
}
其他回答
我通过使用内容安全策略HTTP响应报头解决了这个问题。通过使用这个,可以阻止浏览器进一步的媒体查询,如图像(其他类型也可以)。我添加了以下头的响应:
内容安全策略:img-src 'none'
问题是它会阻塞所有的图像查询。如果您的HTML有任何图像,它们将不会被加载。在我的情况下,这很可能是Firefox中的一个错误,因为浏览器正在请求favicon.ico的响应,其Content-type是text/xml!
它还取决于在客户端强制执行的实现此特性的浏览器。
访问https://content-security-policy.com获取CSP的完整指南。
干杯!
我首先要说的是,在Web页面中有favicon是一件好事(通常)。
然而,这并不总是理想的,有时开发人员需要一种方法来避免额外的负载。例如,IFRAME会请求一个图标而不显示它。 最糟糕的是,在Chrome和Android中,IFRAME将生成3个favicons请求:
"GET /favicon.ico HTTP/1.1" 404 183
"GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 197
"GET /apple-touch-icon.png HTTP/1.1" 404 189
下面使用数据URI,可以用来避免虚假的favicon请求:
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
参考资料请参阅:
https://github.com/h5bp/html5-boilerplate/issues/1103 https://twitter.com/diegoperini/status/4882543836930048
更新1:
从评论(jpic)来看,Firefox >= 25不再喜欢上面的语法了。我在Firefox 27上进行了测试,它在Webkit/Chrome上仍然可以工作。
因此,这是一个新的浏览器,它应该涵盖所有最新的浏览器。我测试了Safari、Chrome和Firefox:
<link rel="icon" href="data:;base64,=">
我从“rel”属性值中省略了“快捷方式”名称,因为这只适用于较旧的IE,并且IE < 8的版本也不喜欢dataURIs。未在IE8上测试。
更新2:
如果你需要你的文档对HTML5进行验证,请使用以下方法:
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
只需在HTML文件的<head>部分添加以下一行:
<link rel="icon" href="data:,">
解决方案特点:
100%有效的HTML5 很短的 不会引起ie8或更老版本的任何怪癖 不会使浏览器将当前HTML代码解释为favicon(这将是href="#"的情况)
有时,当HTML有一些注释代码,浏览器试图寻找一些东西时,就会出现这种错误。就像在我的情况下,我在烧瓶中注释了一个网页表单的代码,我得到了这个。
在花了2个小时后,我用以下方法修复了它:
1)我创建了一个新的python环境,然后它在注释的HTML行上抛出了一个错误,在此之前,我只抛出了错误'GET /favicon.ico HTTP/1.1" 404'
2)有时,当我有一个重复的代码,像python文件存在同名,然后我也看到了这个错误,尝试删除这些
你可以用
<link rel="shortcut icon" href="http://localhost/" />
这样就不会实际从服务器请求它。