Ricevo l'errore favicon.ico


132

Ho scaricato l'IDE di Netbeans per codificare in HTML. Ci sono nuovo. Quando eseguo il mio codice, Chrome si apre e tutto funziona perfettamente. Ricevo una sorta di errore nell'output - Registro del browser.

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

Come lo aggiusto?

Risposte:


152

Ho avuto questo errore anche per qualche tempo. Potrebbe essere una specie di bug di netbeans che ha a che fare con il connettore netbeans. Non trovo alcuna menzione favicon.iconel mio codice o nelle impostazioni del progetto.

Sono stato in grado di risolverlo inserendo la seguente riga nella headsezione del mio file html

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

Attualmente sto usando questo nel mio ambiente di test, ma lo rimuoverei per qualsiasi ambiente di produzione.


3
Non penso che abbia a che fare con NetBeans. Succede ogni volta che lo fai cordova run browser.
Ricardo Cruz,

2
Per me è successo ora mentre mi trovavo all'interno di una directory del mio sito web. Ma indicava la directory principale alla ricerca di favicon.ico. Sto usando Chrome ...
Alex Cio

4
Non ha nulla a che fare con NetBeans, uso Eclipse, PyCharm ecc. E ottengo lo stesso errore.
Ibo,

3
Questa soluzione potrebbe non essere corretta, come ho provato, e non funziona. Ancora visualizzato l'errore.
Vlădel,

@Tam Yeap lo stesso per me, la risposta qui sotto dovrebbe essere quella corretta
Charis Theo,

131

La risposta accettata non ha funzionato per me, ho dovuto aggiungere un valore all'attributo href:

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

8
La risposta accettata non ha funzionato neanche per me. Grazie per aver pubblicato questo ... mi ha funzionato (in Chrome).
Nirmal,

1
Sì, questo rimuove l'errore in Chrome durante l'hosting della mia pagina HTML su AWS S3. Senza di essa ricevo un errore 403 per favicon.ico, nonostante il fatto che nel codice non vi fosse alcun riferimento a una favicon.
MSC

Dobbiamo specificare qualche tipo di mime per questo?
Kurkula,

1
Ciò attiverà il doppio recupero del documento in alcuni browser (incluso Chrome), vedi stackoverflow.com/questions/2009092/…
kursus,

@kursus: Il problema sembra essere soppressa nel Sr Julien risposta stackoverflow.com/a/40527353/669527
IvanH

26

La risposta accettata non ha funzionato per me, quindi ho trovato questa soluzione .

Potrebbe essere correlato alla versione HTML come la soluzione più votata che afferma:

Se devi convalidare il tuo documento con HTML5, usa questo:

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

Vedi il link per maggiori informazioni.


24

favicon.ico è l'icona di un sito Web nella barra del titolo del tuo sito Web. Netbeans non è riuscito a trovare il file favicon.ico nella cartella del tuo sito web

se non lo vuoi, puoi rimuovere la linea simile a questa nella sezione della testa

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

o se si desidera utilizzare un'icona per la barra del titolo, è possibile utilizzare il convertitore di icone per generare un'immagine .ico e tenerla nella cartella del sito Web e utilizzare la riga sopra nella sezione head


4
Non c'è un'icona simile nella mia sezione di testa.
Rockstar5645,


15

Le risposte sopra non hanno funzionato per me. Ho trovato un ottimo articolo per Favicon , che spiega:

  • cos'è un Favicon;
  • perché Favicon.ico viene visualizzato come 404 nei file di registro;
  • perché dovresti usare un Favicon;
  • come realizzare un Favicon usando FavIcon di Pics o altri creatori di Favicon;
  • come far mostrare il tuo Favicon.

Quindi ho creato Favicon usando FavIcon from Pics. Mettilo nella cartella (denominata favicon) e aggiungi questo codice nel <head>tag:

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

Ora non ci sono errori e vedo il mio Favicon:

inserisci qui la descrizione dell'immagine


Ho provato questo ... tutto funziona bene nel mio locale, ma quando eseguo la distribuzione sui server ottengo questo errore ..
Ziggler

1
@Petya Kostova, grazie per il link! Molto utile. Solo per aggiungere un altro link, questo articolo spiega come iconè per Chrome / Firefox / etc mentre shortcut iconè per IE, solo per chiunque (come me) che fosse curioso di sapere perché hai bisogno di entrambi.
James Toomey,

9

Anche per me la risposta non ha funzionato, ma questo funziona benissimo:

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

Questo risolve il problema senza causare il doppio recupero.
IvanH il

4

Puoi fornire la tua immagine e fare riferimento nella testa, ad esempio:

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

3

Inoltre, fai attenzione in modo che la tua posizione non sia difettosa. Caso di studio:

La mia pagina indice era in una sottocartella temporanea denominata LAYOUTS. Per raggiungere favicon.png dall'interno della cartella IMAGES, che era un fratello della cartella LAYOUTS, ho dovuto mettere un percorso nel mio href in questo modo

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

Sono necessari doppi punti per la navigazione della cartella "verso l'alto" , quindi la barra + imagesstringa in avanti ti porta nella cartella delle immagini (eseguendo un ramo "salto") e infine puoi fare riferimento al tuo file scrivendofavicon-32x32.png .

Questa spiegazione è utile per coloro che iniziano da zero e sarebbe stato utile averlo visto un paio di volte poiché avrei dimenticato che avevo alcuni file * .php fuori dalla cartella LAYOUTS che avevano bisogno di diversi href sugli alberi nei miei collegamenti, dalla sezione HEAD di ogni pagina.

Fai riferimento al percorso dell'immagine favicon di conseguenza.


1
Non sono sicuro che sia utile utilizzare direttamente i percorsi relativi. In genere utilizzo @ Url.Content ("~ / Images / favicon.ico") se utilizzo l'API Web MVC o ASP.NET per risolvere completamente gli URL prima di inviarli al client.
justdan23,

2

Questo problema si verifica quando non si dichiara questo tag nella parte superiore del file HTML in HEDER.

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

0

Ho avuto una strana situazione. Il mio stava funzionando bene e all'improvviso si è fermato con quel messaggio di errore. Ho già avuto la dichiarazione di intestazione. Quindi sono stato stupido perché non funzionava.

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

Letteralmente nient'altro sul sito ha avuto un problema che potrei dire. L'unica cosa che ha risolto per me è stato riavviare il mio servizio Apache e tutto è andato di nuovo bene.

se nient'altro funziona, provalo e vedi cosa succede.


0

È un incubo poiché ogni browser / dispositivo lo gestisce in modo diverso.

Il generatore Favicon mi aiuta molto per quelle applicazioni in cui dobbiamo coprire gli scenari più possibili.

https://realfavicongenerator.net/

Hai solo bisogno di un'immagine png 260px x 260px (almeno) e da lì il generatore creerà tutti i riferimenti necessari nella tua pagina web.

Devi solo aggiungere questi riferimenti e immagini alla tua applicazione.

inserisci qui la descrizione dell'immagine


0

In Angularprecedenza avevamo un .angular-cli.jsonfile a cui si riferiva favicon.ico. Se eseguirai l'upgrade a una delle versioni più recenti di Angularallora avrai angular.jsoninvece. Per queste versioni più recenti, devi fare riferimento al percorso favicon nel tuo index.htmlda ora in poi.


-1

Stavo ottenendo lo stesso errore icona fav - 404 (Not Found). Ho usato il seguente elemento <head>nell'elemento del mio file index.html e ho risolto l'errore:

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

1
Una spiegazione di come risolvere l'errore sarebbe molto utile, considera l'aggiunta di dettagli sulla tua risposta.
bjoster
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.