Ich erhalte den Fehler favicon.ico

131

Ich habe die Netbeans-IDE heruntergeladen, um sie in HTML zu codieren. Ich bin neu darin. Wenn ich meinen Code ausführe, öffnet sich Chrome und alles funktioniert einwandfrei. Ich erhalte eine Art Fehler im Ausgabe - Browser - Protokoll.

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

Wie behebe ich das?

Rockstar5645
quelle

Antworten:

151

Ich habe diesen Fehler auch seit einiger Zeit. Es könnte sich um eine Art NetBeans-Fehler handeln, der mit dem NetBeans-Connector zu tun hat. Ich kann favicon.icoin meinem Code oder in den Projekteinstellungen keine Erwähnung finden .

Ich konnte das Problem beheben, indem ich die folgende Zeile in den headAbschnitt meiner HTML-Datei einfügte

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

Ich verwende dies derzeit in meiner Testumgebung, würde es jedoch für jede Produktionsumgebung entfernen.

element11
quelle
3
Ich denke nicht, dass es mit NetBeans zu tun hat. Es passiert immer dann, wenn Sie es tun cordova run browser.
Ricardo Cruz
2
Für mich geschah es jetzt, als ich mich in einem Verzeichnis meiner Website befand. Aber es zeigte auf das Stammverzeichnis, das nach einer favicon.ico suchte. Ich benutze Chrome ...
Alex Cio
4
Es hat nichts mit NetBeans zu tun, ich verwende Eclipse, PyCharm usw. und erhalte den gleichen Fehler.
Ibo
3
Diese Lösung ist möglicherweise nicht korrekt, da ich sie ausprobiert habe, und sie funktioniert nicht. Immer noch den Fehler.
Vlădel
@Tamas yeap das gleiche für mich, die Antwort unten sollte die richtige sein
Charis Theo
129

Die akzeptierte Antwort hat bei mir nicht funktioniert, ich musste dem href-Attribut einen Wert hinzufügen:

<link rel="shortcut icon" href="#" />
Agu Dondo
quelle
8
Die akzeptierte Antwort hat auch bei mir nicht funktioniert. Danke, dass du das gepostet hast ... es hat mir geholfen (in Chrom).
Nirmal
1
Ja, dies beseitigt den Fehler in Chrome beim Hosten meiner HTML-Seite in AWS S3. Ohne sie erhalte ich einen 403-Fehler für favicon.ico, obwohl der Code keinen Verweis auf ein Favicon enthält.
MSC
Müssen wir dafür einen MIME-Typ angeben?
Kurkula
1
Dies löst in einigen Browsern (einschließlich Chrome) das doppelte Abrufen des Dokuments aus (siehe stackoverflow.com/questions/2009092/…
kursus,
@kursus: Das Problem scheint in der Antwort von Sr. Julien auf stackoverflow.com/a/40527353/669527
IvanH
25

Die akzeptierte Antwort hat bei mir nicht funktioniert, daher habe ich diese Lösung gefunden .

Es kann sich auf die HTML-Version beziehen, da dort die am häufigsten gewählte Lösung lautet:

Wenn Sie Ihr Dokument zur Validierung anhand von HTML5 benötigen, verwenden Sie stattdessen Folgendes:

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

Siehe den Link für weitere Informationen.

Arnon Erez
quelle
24

favicon.ico ist das Symbol einer Website in der Titelleiste Ihrer Website. Netbeans konnte die Datei favicon.ico in Ihrem Website-Ordner nicht finden

Wenn Sie es nicht möchten, können Sie die ähnliche Linie in Ihrem Kopfbereich entfernen

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

Wenn Sie ein Symbol für die Titelleiste verwenden möchten, können Sie mit dem Symbolkonverter ein .ico-Bild erstellen, es in Ihrem Website-Ordner behalten und die obige Zeile im Kopfbereich verwenden

Trinadh Venna
quelle
4
In meinem Kopfbereich gibt es kein solches Symbol.
Rockstar5645
1
Bitte posten Sie Ihren Kopf Abschnitt HTML-Code, es ist schwierig, einen Fehler zu
beheben,
14

Die obigen Antworten haben bei mir nicht funktioniert. Ich habe einen sehr guten Artikel für Favicon gefunden , der erklärt:

  • Was ist ein Favicon?
  • Warum wird Favicon.ico in den Protokolldateien als 404 angezeigt?
  • Warum sollten Sie ein Favicon verwenden?
  • wie man ein Favicon mit FavIcon von Pics oder einem anderen Favicon-Ersteller erstellt;
  • wie Sie Ihr Favicon zum Zeigen bringen.

Also habe ich Favicon mit erstellt FavIcon from Pics. Legen Sie es in einen Ordner (mit dem Namen favicon) und fügen Sie diesen Code in das <head>Tag ein:

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

Jetzt gibt es keinen Fehler und ich sehe mein Favicon:

Geben Sie hier die Bildbeschreibung ein

Petya Kostova
quelle
Versuchte dies ... alles funktioniert gut in meinem lokalen, aber wenn ich auf Servern bereitstelle,
Ziggler
1
@ Petja Kostova, danke für den Link! Sehr hilfreich. Um noch einen Link hinzuzufügen, erklärt dieser Artikel , wie icones für Chrome / Firefox / etc ist, während shortcut icones für IE ist, nur für jeden (wie mich), der neugierig war, warum Sie beides brauchen.
James Toomey
9

Für mich hat die Antwort auch nicht funktioniert, aber das funktioniert gut:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
Sr. Julien
quelle
Dies löst das Problem, ohne ein doppeltes Abrufen zu verursachen.
IvanH
4

Sie können Ihr eigenes Bild bereitstellen und im Kopf darauf verweisen, zum Beispiel:

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

Seien Sie auch vorsichtig, damit Ihr href-Standort nicht fehlerhaft ist. Fallstudie:

Meine Indexseite befand sich in einem temporären Unterordner namens LAYOUTS. Um die Datei favicon.png aus dem Ordner IMAGES zu erreichen, der ein Geschwister des Ordners LAYOUTS war, musste ich einen Pfad wie diesen in meine href einfügen

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

Für die Ordnernavigation "nach oben" sind doppelte Punkte erforderlich. Dann imagesgelangen Sie mit dem Schrägstrich + der Zeichenfolge in den Bilderordner (führen einen "Sprung" für einen Ast aus), und schließlich können Sie Ihre Datei durch Schreiben referenzieren favicon-32x32.png.

Diese Erklärung ist nützlich für diejenigen, die von vorne anfangen, und es wäre nützlich gewesen, sie ein paar Mal gesehen zu haben, da ich vergessen hätte, dass ich bestimmte * .php-Dateien außerhalb des LAYOUTS-Ordners hatte, für die andere Baum-Hrefs auf meinen Links erforderlich waren. aus dem HEAD-Bereich jeder Seite.

Verweisen Sie entsprechend auf den Pfad zu Ihrem Favicon-Bild.

Johnny
quelle
1
Ich bin mir nicht sicher, ob es gut ist, relative Pfade direkt zu verwenden. Normalerweise verwende ich @ Url.Content ("~ / Images / favicon.ico"), wenn ich die MVC- oder ASP.NET-Web-API verwende, um URLs vollständig aufzulösen, bevor sie an den Client gesendet werden.
Justdan23
2

Dieses Problem tritt auf, wenn Sie dieses Tag in HEDER nicht oben in Ihrer HTML-Datei deklarieren.

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

Ich hatte eine seltsame Situation. Meins funktionierte einwandfrei und hörte plötzlich mit dieser Fehlermeldung auf. Ich hatte bereits die Header-Deklaration. Also war ich dumm begründet, warum es nicht funktionierte.

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

Im wahrsten Sinne des Wortes hatte nichts anderes auf der Website ein Problem, das ich erkennen konnte. Das einzige, was es für mich behoben hat, war, meinen Apache-Dienst neu zu starten und alles war wieder gut.

Wenn nichts anderes funktioniert, probieren Sie es aus und sehen Sie, was passiert.

Panama Jack
quelle
0

Es ist ein Albtraum, da jeder Browser / jedes Gerät anders damit umgeht.

Der Favicon-Generator hilft mir sehr bei Anwendungen, bei denen wir die bestmöglichen Szenarien abdecken müssen.

https://realfavicongenerator.net/

Sie benötigen lediglich ein PNG-Bild (mindestens 260 x 260 Pixel), und von dort aus erstellt der Generator alle Referenzen, die Sie auf Ihrer Webseite benötigen.

Sie müssen nur diese Referenzen und Bilder zu Ihrer Anwendung hinzufügen.

Geben Sie hier die Bildbeschreibung ein

David Castro
quelle
-1

Ich habe den gleichen Lieblingssymbolfehler erhalten - 404 (nicht gefunden). Ich habe das folgende Element im <head>Element meiner index.html-Datei verwendet und es hat den Fehler behoben:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">
t sriya
quelle
1
Eine Erklärung, wie dies den Fehler behebt, wäre sehr hilfreich. Fügen Sie möglicherweise Details zu Ihrer Antwort hinzu.
Bjoster