我收到了favicon.ico错误

时间:2015-06-26 14:34:40

标签: html netbeans

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

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

我该如何解决?

18 个答案:

答案 0 :(得分:120)

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

我能够通过将以下行添加到我的html文件的head部分来修复它

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

我目前在我的测试环境中使用它,但我会在任何生产环境中删除它。

答案 1 :(得分:76)

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

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

答案 2 :(得分:18)

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

如果你不想要它,你可以删除头部中与此类似的行

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

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

答案 3 :(得分:13)

接受的答案对我不起作用,所以我找到this solution

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

有关详细信息,请参阅链接。

答案 4 :(得分:6)

对我来说,答案也没有用,但这项工作很好:

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

答案 5 :(得分:6)

上面的答案对我不起作用。我找到了very good article for Favicon,解释说:

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

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

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

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

enter image description here

答案 6 :(得分:4)

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

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

答案 7 :(得分:3)

另外,请小心,以免您的href位置出错。 研究案例:

我的索引页面位于名为LAYOUTS的临时子文件夹中。 要从IMAGES文件夹中找到favicon.png,这是LAYOUTS文件夹的兄弟,我必须在我的href中添加一个路径

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

文件夹导航“向上”需要双倍时间,然后正斜杠+ images字符串会进入图像文件夹(执行树枝“跳转”),最后你通过编写favicon-32x32.png来获取引用您的文件。

这个解释对那些从头开始的人很有用,因为我忘了我在LAYOUTS文件夹之外有一些需要不同树hrefs的某些* .php文件,所以看了几次会很有用。我的链接,来自每页的HEAD部分。

相应地引用您的favicon图像的路径。

答案 8 :(得分:1)

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

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

答案 9 :(得分:0)

如果其他人在下载 favicon 包后遇到 403 错误,我需要将新的 favicon 文件夹/文件权限修改为 755,以便 Apache 有权读取该文件。

答案 10 :(得分:0)

如果图标在根目录中:

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

答案 11 :(得分:0)

试试在你的样式表中添加“图标”也许它可以解决你的错误“favicon.ico:1 not found”

或 首先尝试了解网站图标。enter image description here 在您的文件夹中设置您的收藏夹图标文件。您可以使用“https://favicon.io/favicon-generator/”生成您的网站图标。

答案 12 :(得分:0)

我将 favicon.ico 复制到对我有用的资产文件夹。

答案 13 :(得分:0)

将此代码添加到您的页面索引中

<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">

答案 14 :(得分:0)

Angular之前,我们有.angular-cli.json文件引用了favicon.ico。如果要升级到Angular的较新版本之一,那么您将拥有angular.json。对于这些较新的版本,从现在开始,您必须在index.html中引用收藏夹路径。

答案 15 :(得分:0)

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

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

答案 16 :(得分:0)

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

Favicon生成器对那些我们需要涵盖大多数可能情况的应用程序有很大帮助。

https://realfavicongenerator.net/

您只需要260px x 260px(至少)的png图片,然后生成器将在您的网页中创建您需要的所有参考。

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

enter image description here

答案 17 :(得分:0)

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

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

从字面上看,该站点上没有其他问题可以告诉我。 修复对我来说唯一的一件事就是重新启动了我的Apache服务,一切恢复正常。

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