Я отримую помилку favicon.ico


132

Я завантажив IDE Netbeans для коду в HTML. Я в цьому новачок. Коли я запускаю свій код, хром відкривається, і все працює чудово. Я отримую якусь помилку в журналі вихідних даних - браузера.

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

Як це виправити?

Відповіді:


152

У мене ця помилка була також деякий час. Це може бути якась помилка netbeans, яка має відношення до роз'єму netbeans. Я не можу знайти жодних згадок favicon.icoу своєму коді чи в налаштуваннях проекту.

Я зміг це виправити, помістивши наступний рядок у headрозділ мого html-файлу

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

Зараз я використовую це у своєму тестувальному середовищі, але я б видалив його для будь-якого виробничого середовища.


3
Я не думаю, що це стосується NetBeans. Це трапляється, коли ти робиш cordova run browser.
Рікардо Крус

2
Для мене це сталося зараз, перебуваючи всередині каталогу мого веб-сайту. Але це вказувало на кореневий каталог, який шукає favicon.ico. Я використовую Chrome ...
Alex Cio

4
Це не має нічого спільного з NetBeans, я використовую Eclipse, PyCharm тощо, і я отримую ту ж помилку.
Ібо

3
Це рішення може бути невірним, як я його спробував, і воно не працює. Помилка отримується.
Владель

@Tamas так само для мене, відповідь нижче повинна бути правильною
Charis Theo

131

Прийнята відповідь не спрацювала для мене, мені довелося додати значення атрибуту href:

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

8
Прийнята відповідь також не працювала для мене. Дякую за публікацію цього… це спрацювало у мене (в хромі).
Nirmal

1
Так, це усуває помилку в Chrome під час розміщення моєї HTML-сторінки на AWS S3. Без нього я отримую помилку 403 для favicon.ico, незважаючи на те, що у коді не було посилання на фавікон.
MSC

Чи потрібно для цього вказати якийсь тип mime?
Куркула

1
Це призведе до подвійного отримання документа в деяких браузерах (включаючи Chrome), див. Stackoverflow.com/questions/2009092/…
kursus

@kursus: Проблема , здається, бути придушене в Sr Julien відповідь 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

15

Відповіді вище для мене не спрацювали. Я знайшов дуже хорошу статтю для Favicon , пояснюючи:

  • що таке фавікон;
  • чому Favicon.ico відображається як 404 у файлах журналу;
  • навіщо використовувати фавікон;
  • як зробити Favicon за допомогою FavIcon від Pics або іншого творця 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, дякую за посилання! Дуже корисний. Просто щоб додати ще одну ланку, ця стаття пояснює , як iconдля Chrome / Firefox / і т.д. , а shortcut iconдля IE, просто для тих , хто (як я) , який був цікаво , чому ви потрібні обидва.
Джеймс Тумі

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. Щоб дістатися до favicon.png з внутрішньої папки IMAGES, яка була побратимом папки LAYOUTS, я повинен був прокласти шлях до свого href, як це

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

Для навігації папками "вгору" необхідні подвійні періоди , тоді переділена стрілка + imagesрядок потрапляє у папку з зображеннями (виконуючи "стрибок" гілки дерева) і, нарешті, ви отримуєте посилання на свій файл, записавши favicon-32x32.png.

Це пояснення корисне для тих, хто починається з нуля, і було б корисно побачити його кілька разів, оскільки я забуду, що у мене були певні * .php файли поза папкою LAYOUTS, для яких потрібні різні дерева hrefs у моїх посиланнях, із розділу HEAD кожної сторінки.

Відповідно відправте шлях до зображення вашого фавікону.


1
Я не впевнений, чи добре використовувати відносні шляхи безпосередньо. Я зазвичай використовую @ Url.Content ("~ / Images / favicon.ico"), якщо використовує веб-API MVC або ASP.NET для повного вирішення URL-адрес, перш ніж надсилати клієнту.
justdan23

2

Ця проблема виникає, коли ви не декларуєте у верхній частині свого HTML-файлу в HEDER цей тег.

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

0

У мене була дивна ситуація. Моя добре працювала, і раптом зупинилося з цим повідомленням про помилку. У мене вже було оголошення заголовка. Тож я був німий заснований, чому це не працює.

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

Буквально нічого іншого на сайті не було проблеми, про яку я міг розповісти. Єдине, що виправлено для мене це перезапустити службу Apache і знову все було добре.

якщо нічого іншого не працює, дайте йому постріл і подивіться, що станеться.


0

Це кошмар, оскільки кожен браузер / пристрій обробляє це по-різному.

Генератор Favicon мені дуже допомагає для тих програм, де нам потрібно висвітлити найбільш можливі сценарії.

https://realfavicongenerator.net/

Вам просто потрібно png зображення 260px x 260px (принаймні) і звідти генератор створить усі необхідні посилання на вашій веб-сторінці.

Вам просто потрібно додати ці посилання та зображення у вашу програму.

введіть тут опис зображення


0

В Angularпочатку ми мали .angular-cli.jsonфайл , який називають favicon.ico. Якщо ви перейдете на одну з новіших версій, Angularтоді ви матимете angular.jsonнатомість. У цих новіших версіях вам доведеться index.htmlвідтепер посилати шлях фавікону.


-1

Я отримував ту саму помилку піктограми "fav" - 404 (не знайдено). Я використовував наступний елемент в <head>елементі мого файлу index.html, і він виправив помилку:

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

1
Пояснення, як це виправляє помилку, було б дуже корисно, розглянути питання про додавання детальних відомостей про вашу відповідь.
bjoster
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.