我没有favicon.ico,但我的浏览器总是发出请求。

是否有可能阻止浏览器从我的网站制作favicon的请求?也许是HTML头中的META-TAG ?


当前回答

你不能。你所能做的就是使映像尽可能小,并在将来设置一些缓存失效头(Expires, cache - control)。雅虎!不得不说favicon.ico请求。

其他回答

一个非常简单的解决方案是把下面的代码放在你的。htaccess中。我也有同样的问题,它解决了我的问题。

<IfModule mod_alias.c>
    RedirectMatch 403 favicon.ico
</IfModule>

参考:http://perishablepress.com/block url - 404 requests/——标识

详细说明前面的答案,这可能是HTML文件本身的最短解决方案: <link rel="快捷图标" href="data:" /> .

测试工作,没有错误消息或失败的请求在Chrome版本94.0.4606.81

我首先要说的是,在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头:

<link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQI12P4//8/AAX+Av7czFnnAAAAAElFTkSuQmCC">

这个答案比其他答案稍大一些,但确实包含一个实际有效的PNG图像(1x1像素白色)。

你可以用

<link rel="shortcut icon" href="http://localhost/" />

这样就不会实际从服务器请求它。