我收到favicon.ico错误


131

我下载了Netbeans IDE以HTML进行编码。我是新来的。当我运行代码时,chrome正在打开,并且一切正常。我在输出-浏览器日志中遇到某种错误。

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

我如何解决它?

Answers:


151

我也有一段时间这个错误。这可能是与netbeans连接器有关的某种netbeans错误。favicon.ico在我的代码或项目设置中找不到任何提及。

我可以通过将以下行放在headhtml文件的部分中来修复它

<link rel="shortcut icon" href="">

我目前在测试环境中使用它,但是对于任何生产环境,我都会将其删除。


3
我认为这与NetBeans没有关系。每当您这样做时,它就会发生cordova run browser
里卡多·克鲁兹

2
对我来说,它现在发生在我的网站目录中。但它指向的根目录中查找favicon.ico。我正在使用Chrome ...
Alex Cio

4
它与NetBeans无关,我使用Eclipse,PyCharm等,但出现相同的错误。
伊波(Ibo)

3
该解决方案可能不正确,正如我尝试过的那样,它不起作用。仍然出现错误。
Vlădel

@Tamas对我来说也是一样,以下答案应该是正确的
Charis Theo19年

131

接受的答案对我不起作用,我必须在href属性中添加一个值:

<link rel="shortcut icon" href="#" />

8
接受的答案对我也不起作用。感谢您发布此信息……它对我有用(Chrome浏览器)。
Nirmal

1
是的,这样可以在将我的HTML页面托管在AWS S3上时消除Chrome中的错误。没有它,尽管在代码中没有引用favicon,但我却收到了favicon.ico的403错误。
MSC

我们是否需要为此指定任何哑剧类型?
Kurkula

1
这将触发在某些浏览器(包括Chrome)文档的双取,见stackoverflow.com/questions/2009092/...
kursus

@kursus:问题似乎在朱利安先生的答案中得到了抑制stackoverflow.com/a/40527353/669527
IvanH

25

接受的答案对我不起作用,所以我找到了这个解决方案

它可能与HTML版本有关,因为它是其中投票率最高的解决方案:

如果您需要文档来针对HTML5进行验证,请改用以下方法:

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

有关更多信息,请参见链接。


24

favicon.ico是网站标题栏上的网站图标。Netbeans在您的网站文件夹中找不到favicon.ico文件

如果您不想要它,可以在您的头部删除与此相似的行

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

或者,如果您想在标题栏中使用图标,则可以使用图标转换器生成.ico图像,并将其保存在您的网站文件夹中,并在头部使用上一行


4
我的头部没有像这样的图标。
Rockstar5645

1
请张贴您的头部html代码,不看代码就很难解决错误
Trinadh venna 2015年

15

上面的答案对我不起作用。我为Favicon找到了一篇很好的文章,解释为:

  • 什么是Favicon?
  • 为什么Favicon.ico在日志文件中显示为404;
  • 为什么要使用Favicon?
  • 如何使用Pics中的FavIcon制作Favicon或其他Favicon创作者的制作Favicon;
  • 如何显示您的Favicon。

因此,我使用创建了Favicon FavIcon from Pics。将其放在文件夹(名为favicon)中,并将此代码添加到<head>标记中:

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

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

在此处输入图片说明


尝试过此方法...在本地环境中一切正常,但是当我部署到服务器时出现此错误
。– Ziggler,

1
@Petya Kostova,感谢您的链接!很有帮助。仅添加一个链接,本文将说明iconChrome / Firefox / etc 如何适用shortcut icon于IE,以及仅适用于好奇为什么同时需要两者的任何人(如我)。
James Toomey

9

对我来说,答案也行不通,但这很好:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

这样就解决了该问题,而不会引起双重读取。
伊凡

4

您可以提供自己的图像并在头部引用,例如:

<link rel="shortcut icon" href="images/favicon.ico">

3

另外,请注意,您的href位置不会出现问题。研究案例:

我的索引页位于一个名为LAYOUTS的临时子文件夹中。要从IMAGES文件夹(即LAYOUTS文件夹的同级文件夹)中访问favicon.png,我必须在href中输入这样的路径

href="../images/favicon-32x32.png"

文件夹导航“向上”需要双倍,然后正斜杠+ images字符串将您带入images文件夹(执行树枝“跳转”),最后您可以通过编写来引用文件favicon-32x32.png

这个说明对那些从头开始的人很有用,并且有几次见过它会很有用,因为我会忘记我在LAYOUTS文件夹之外有某些* .php文件,这些文件在我的链接上需要不同的树href,从每个页面的HEAD部分开始。

相应地将路径引用到您的收藏夹图像。


1
我不确定直接使用相对路径是否合适。如果通常使用@ Url.Content(“〜/ Images / favicon.ico”),如果使用MVC或ASP.NET Web API在向下发送到客户端之前完全解析URL。
justdan23

2

当您不在HEDER标记中的HTML文件的顶部声明时,会发生此问题。

<link rel="icon" href="your_address_icon" type="image/x-icon">

0

我的情况很奇怪。我的工作正常,突然收到该错误消息而停止。我已经有了标题声明。因此,我对为什么它不起作用一无所知。

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

从字面上看,该站点上没有其他问题可以告诉我。唯一固定的东西对我而言此问题的方法是重新启动Apache服务,一切恢复正常。

如果没有其他效果,请尝试一下,看看会发生什么。


0

这是一场噩梦,因为每个浏览器/设备对它的处理方式都不相同。

Favicon Generator对于需要涵盖大多数可能情况的那些应用程序有很大帮助。

https://realfavicongenerator.net/

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

您只需要将此引用和图像添加到您的应用程序即可。

在此处输入图片说明


-1

我收到相同的收藏夹图标错误-404(未找到)。我在<head>index.html文件的元素中使用了以下元素,它修复了错误:

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

1
有关如何解决该错误的说明将非常有帮助,请考虑添加有关答案的详细信息。
bjoster
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.