Я получаю ошибку 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

Как мне это исправить?

Ответы:


151

У меня тоже была эта ошибка в течение некоторого времени. Это может быть какая-то ошибка netbeans, связанная с коннектором netbeans. Я не могу найти упоминания favicon.icoв своем коде или в настройках проекта.

Я смог исправить это, поместив следующую строку в headраздел моего html файла

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

В настоящее время я использую это в своей тестовой среде, но я бы удалил его для любой производственной среды.


3
Я не думаю, что это связано с NetBeans. Это случается всякий раз, когда вы это делаете cordova run browser.
Ricardo Cruz

2
Для меня это произошло сейчас, когда я находился в каталоге моего сайта. Но он указывал на корневой каталог, ищущий favicon.ico. Я использую Chrome ...
Alex

4
Это не имеет ничего общего с NetBeans, я использую Eclipse, PyCharm и т. Д. И получаю ту же ошибку.
Ибо

3
Это решение может быть неправильным, поскольку я его пробовал, и оно не работает. По-прежнему возникает ошибка.
Vlădel

@Tamas yeap то же самое для меня, ответ ниже должен быть правильным
Charis Theo

131

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

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

8
Принятый ответ у меня тоже не сработал. Спасибо, что разместили это ... у меня это сработало (в хроме).
Nirmal

1
Да, это устраняет ошибку в Chrome при размещении моей HTML-страницы на AWS S3. Без него я получаю ошибку 403 для favicon.ico, несмотря на то, что в коде не было ссылки на значок.
MSC

Нужно ли для этого указывать какой-либо MIME-тип?
Kurkula

1
Это вызовет двойную выборку документа в некоторых браузерах (включая Chrome), см stackoverflow.com/questions/2009092/...
kursus

@kursus: проблема, похоже, подавлена ​​в ответе Сэра Жюльена stackoverflow.com/a/40527353/669527
IvanH

26

Принятый ответ у меня не сработал, поэтому я нашел это решение .

Это может быть связано с версией 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-код вашего раздела, сложно решить ошибку, не увидев кода
Тринад венна

15

Приведенные выше ответы не помогли мне. Я нашел очень хорошую статью для Favicon , объясняющую:

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

9

Для меня ответ тоже не сработал, но все работает нормально:

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

Это решает проблему, не вызывая двойной выборки.
IvanH,

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, которым требовались разные href-ссылки дерева в моих ссылках, из раздела HEAD на каждой странице.

Соответственно укажите путь к вашему изображению значка.


1
Я не уверен, хорошо ли использовать относительные пути напрямую. Я обычно использую @ Url.Content ("~ / Images / favicon.ico") при использовании MVC или ASP.NET Web API для полного разрешения 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

Я получал ту же ошибку значка избранного - 404 (не найдено). Я использовал следующий элемент в <head>элементе моего файла index.html и исправил ошибку:

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

1
Было бы очень полезно объяснить, как это исправить ошибку, рассмотрите возможность добавления подробностей о своем ответе.
bjoster
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.