如何修复favicon.ico错误:“Failed to load resource: net::ERR_EMPTY_RESPONSE”

我下载了Netbeans IDE来编写HTML代码。当我运行我的代码，chrome浏览器是开放的，一切都工作得很好。我在输出浏览器日志中得到一些错误。

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/favicon.ico

我该怎么解决呢?

当前回答

这是一场噩梦，因为每个浏览器/设备的处理方式都不一样。

Favicon生成器帮助我很多的应用程序，我们需要覆盖最可能的场景。

https://realfavicongenerator.net/

你只需要一个260px x 260px的png图片(至少)，然后生成器将在你的网页中创建你需要的所有引用。

您只需要将这些引用和图像添加到应用程序中。

其他回答

上面的答案对我不起作用。我找到了一篇关于Favicon的好文章，解释道:

什么是Favicon; 为什么Favicon.ico在日志文件中显示为404; 为什么你要使用Favicon; 如何从图片或其他Favicon制作Favicon 创造者; 如何让你的图标显示。

所以我用图片中的Favicon创建了Favicon。把它放在文件夹(命名为favicon)，并添加以下代码在<head>标签:

<link rel="shortcut icon" href="favicon/favicon.ico">
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif">

现在没有错误，我看到我的Favicon:

公认的答案不适合我，所以我找到了这个解决方案。

它可能与HTML版本有关，因为投票最多的解决方案是这样说的:

如果你需要你的文档对HTML5进行验证，请使用以下方法: <link rel="icon" href="data:;base64,iVBORw0KGgo="> .

更多信息请参见链接。

我遇到了一个奇怪的情况。我的工作很好，突然停止了错误信息。我已经有了header声明。所以我很愚蠢，不知道为什么它不起作用。

<link rel="shortcut icon" href="favicon.png">

实际上，我看不出网站上其他地方有什么问题。唯一解决这个问题的方法就是重新启动Apache服务，一切都恢复正常了。

如果其他方法都不管用，那就试试，看看会发生什么。

我得到了同样的喜好图标错误- 404(未找到)。我在index.html文件的<head>元素中使用了以下元素，它修复了错误:

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

我复制favicon.ico到资产文件夹，它为我工作。

推荐文章