如何防止favicon.ico请求?

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

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

当前回答

把这个放进你的HTML头:

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

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

2021-03-25 12:59:54

其他回答

只需在HTML文件的<head>部分添加以下一行:

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

解决方案特点:

100%有效的HTML5 很短的不会引起ie8或更老版本的任何怪癖不会使浏览器将当前HTML代码解释为favicon(这将是href="#"的情况)

2016-08-12 12:22:04

为了测试目的，暂时阻止这些最简单的方法是在chrome中打开检查页面，右键单击页面上的任何位置并单击检查，或者按Ctrl+Shift+j，然后转到网络选项卡，然后重新加载页面，这将发送您的页面应该发出的所有请求，包括恼人的favicon.ico。您现在可以简单地右键单击favicon.ico请求，然后单击“阻止请求URL”。

以上所有答案都适用于控制应用程序源代码的开发者。如果您是一名系统管理员，正在计算负载平衡器或代理配置，并对favicon.ico的恶作剧感到恼火，那么这个简单的技巧可以更好地发挥作用。这个答案是针对Chrome的，但我认为应该有一个类似的替代方案，你会发现Firefox/Opera/Tor/任何其他浏览器:)

2021-02-08 21:27:36

根据我们的经验，当Apache在请求favicon.ico时崩溃时，我们注释掉了.htaccess文件中的额外头文件。

例如，我们有报头设置X-XSS-Protection "1;模式=块”

．.．但是我们忘记了事先sudo a2enmod头文件。注释掉正在发送的额外标题解决了我们的favicon.ico问题。

我们还为开发设置了几个虚拟主机，只有在使用http://localhost和获取/favicon.ico时出现了500个内部服务器错误。如果您运行“curl -v http://localhost/favicon.ico”并得到关于主机名不在解析器缓存中或类似效果的警告，那么您可能会遇到问题。

它可能很简单，不抓取(我们尝试了，但没有成功，因为我们的根本原因不同)，或者在apache2.conf或.htaccess中寻找可能导致奇怪的500个内部服务器错误消息的指令。

我们发现它失败得如此之快，在Apache的错误日志中没有任何有用的东西，花了整个上午的时间在这里和那里修改小的东西，直到我们解决了设置额外的头的问题，当我们忘记加载mod_headers !

2016-08-01 04:19:43

如果你使用nginx

# skip favicon.ico
#
location = /favicon.ico {
    access_log off;
    return 204;
}

2018-03-17 19:09:02

我首先要说的是，在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=">

2012-11-16 12:41:07

如何防止favicon.ico请求?

推荐文章

最新文章

标签