我收到 favicon.ico 错误

Posted

技术标签:

【中文标题】我收到 favicon.ico 错误【英文标题】:I'm getting favicon.ico error 【发布时间】:2015-09-13 13:37:42 【问题描述】:

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

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

我该如何解决?

【问题讨论】:

【参考方案1】:

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

我可以通过在我的 html 文件的 head 部分中添加以下行来修复它

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

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

【讨论】:

我认为这与 NetBeans 无关。每当您执行 cordova run browser 时就会发生这种情况。 对我来说,它现在发生在我网站的目录中。但它指向寻找 favicon.ico 的根目录。我正在使用 Chrome... 它与 NetBeans 无关,我使用 Eclipse、PyCharm 等,我得到了同样的错误。 这个解决方案可能不正确,因为我已经尝试过了,但它不起作用。仍然收到错误。 仅限href="#" wokring 参考。 ***.com/a/43791570/248616【参考方案2】:

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

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

【讨论】:

接受的答案对我也不起作用。感谢您发布此内容...它对我有用(在 chrome 中)。 是的,这消除了在 AWS S3 上托管我的 HTML 页面时 Chrome 中的错误。如果没有它,我会收到 favicon.ico 的 403 错误,尽管代码中没有对 favicon 的引用。 我们需要为此指定任何 mime 类型吗? 这会在某些浏览器(包括Chrome)中触发文档的双重抓取,见***.com/questions/2009092/… @kursus:Sr Julien 回答 ***.com/a/40527353/669527 似乎抑制了这个问题【参考方案3】:

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

它可能与 HTML 版本有关,因为那里投票最多的解决方案指出:

如果您需要您的文档针对 HTML5 进行验证,请改用这个:

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

查看链接了解更多信息。

【讨论】:

【参考方案4】:

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

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

所以我使用FavIcon from Pics 创建了 Favicon。将其放入文件夹(名为 favicon)并将此代码添加到 &lt;head&gt; 标签中:

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

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

【讨论】:

试过了...在我的本地一切正常,但是当我部署到服务器时出现此错误.. @Petya Kostova,感谢您的链接!非常有帮助。再添加一个链接,this article 解释了 icon 是如何用于 Chrome/Firefox/etc 而shortcut icon 是用于 IE,只是为了任何好奇你为什么需要两者的人(比如我)。【参考方案5】:

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

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

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

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

【讨论】:

我的头部没有这样的图标。 请贴出你的head部分html代码,不看代码很难解决错误 问题是浏览器或服务器总是自动请求/favicon.ico,现在,如果没有&lt;link rel="shortcut icon"&gt;。如果您在此 &lt;link&gt; 中提供不同的 URI,则改为请求该 URI。没有什么可以删除的。【参考方案6】:

对我来说,答案也不起作用,但这个工作正常:

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

【讨论】:

这样就解决了问题,不会造成双重抓取。【参考方案7】:

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

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

【讨论】:

【参考方案8】:

另外,请注意您的 href 位置没有错误。 研究案例:

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

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

文件夹导航“向上”需要双句点,然后正斜杠 + images 字符串将您带入图像文件夹(执行树枝“跳转”),最后您到达通过写favicon-32x32.png引用您的文件。

这个解释对于那些从头开始的人很有用,如果我会忘记我在 LAYOUTS 文件夹之外有某些 *.php 文件需要不同的树 href我的链接,来自每个页面的 HEAD 部分。

相应地引用您的网站图标图像的路径。

【讨论】:

我不确定直接使用相对路径是否好。如果使用 MVC 或 ASP.NET Web API 在发送到客户端之前完全解析 URL,我通常使用 @Url.Content("~/Images/favicon.ico")。【参考方案9】:

当您没有在 HEDER 中的 HTML 文件顶部声明此标记时,会出现此问题。

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

【讨论】:

【参考方案10】:

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

网站图标生成器在我们需要涵盖最可能的场景的那些应用程序中帮助了我很多。

https://realfavicongenerator.net/

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

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

【讨论】:

【参考方案11】:

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

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

【讨论】:

【参考方案12】:

如果网站图标在根目录中:

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

【讨论】:

【参考方案13】:

我遇到了一个奇怪的情况。我的工作正常,突然停止了该错误消息。我已经有了标题声明。所以我对为什么它不起作用感到愚蠢。

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

从字面上看,网站上没有其他任何我能说出来的问题。对我来说修复的唯一一件事就是重新启动我的 Apache 服务,一切都恢复正常了。

如果没有其他工作,试一试,看看会发生什么。

【讨论】:

【参考方案14】:

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

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

【讨论】:

解释如何修复错误非常有帮助,请考虑添加有关您的答案的详细信息。【参考方案15】:

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

【讨论】:

【参考方案16】:

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

【讨论】:

【参考方案17】:

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

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

【讨论】:

【参考方案18】:

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

【讨论】:

【参考方案19】:

我遇到了同样的问题(使用 thymeleaf)我通过将我在我的 html 上使用的引导链接下载到我的 spring-boot-project 来解决 只需将鼠标悬停在链接上,您的 IDE(ps :intellij 是最好的)将建议您下载 & 并解决 bom 问题

【讨论】:

以上是关于我收到 favicon.ico 错误的主要内容,如果未能解决你的问题,请参考以下文章

ParcelJS 捆绑错误 - favicon.ico:无效版本:未定义

Azure Web 应用程序:favicon.ico 上的 HTTP 错误 500

为啥我的 GAE 仪表板中有 favicon.ico 错误?

ASP.NET MVC 2 & IIS:HTTP 500.24 favicon.ico 错误

Django 错误(外部 IP):内部服务器错误:/favicon.ico

移动端页头推荐配置 出现找不到favicon.ico错误原因和解决方法