Favicon не отображается в браузере mozilla firefox

Обновлено: 06.07.2024

У меня есть сайт, использующий пользовательский favicon.ico. Фавикон отображается корректно во всех браузерах, кроме IE. При попытке отобразить favicon в IE я получаю большой красный x; при отображении favicon в другом браузере он отображается просто отлично. Источник страницы включает и он работает в других браузерах. Спасибо за ваши мысли.

EDIT: решено: источником проблемы был файл jpg, переименованный в ico. Я создал файл как ico, и он работает так, как ожидалось. Спасибо за Ваш вклад.

правильно, вы не были так полезны (предоставление источника было бы действительно полезно! но вот, пожалуйста. Некоторые вещи, чтобы проверить:

это изображение a реальные файл ico? (переименование растрового изображения не является реальным .ico! Слегка другой формат)

работает ли он при добавлении страницы в качестве закладки?

в IE и FireFox фавикон.ico запрашивается только на первой странице, посещаемой на сайте, что означает, что если фавикон.ico требует входа в систему (например, ваш сайт является закрытым сайтом и требует входа в систему), тогда значок не будет отображаться.

  1. ваш favicon.Ико должен быть помещен между тегами глава tag
  2. размер: 16 X 16
  3. и для Internet Explorer он должен быть прозрачным (внешняя белая часть не должна быть видимой)

Если кто-нибудь дойдет до этого ответа:

та же проблема: не работал в IE (включая IE 10), работал везде.

сначала я проверил его, генерируя случайный .ICO-файл на этом сайте и использование этого вместо моего исходного файла. Видел, что это сработало.

вы пытались поместить значок в URI" /favicon.ico " ? IE может не знать о способе ссылки на ссылку.

Если вы пробовали все выше, и он по-прежнему не работает в IE, проверьте настройки IIS, если вы используете Windows Server. Убедитесь, что параметр HTTP Headers > "Enable content expiration" не имеет значения "Expire immediately"

Я знаю, что это действительно старая тема, но поскольку это первый, который появился в моем поиске google, я просто хотел добавить к нему свое решение:

у меня была эта проблема, а также со значком, который был предоставлен клиентом. Он отображается во всех браузерах кроме ИЕ. Добавление link или meta теги не работают, поэтому я начал смотреть на формат файла значок.
Он оказался допустимым файлом значков (а не просто переименованным изображением), но в конце концов исправил его преобразовать его в изображение, сохранить его как GIF, а затем преобразовать его обратно в значок.
Также не забудьте очистить кэш IE во время тестирования.

приведенная выше ссылка решила проблему идеально для меня!

ни одно из вышеперечисленных решений не сработало для меня.

прежде всего, я убедился, что значок находится в правильном формате, используя веб-сайт для создания предложенных выше фавиконов.

затем я переименовал значок из ' favicon.ico ' to ' myicon.ico " и добавил следующий код на мою страницу (в пределах <head> теги):

значок находится в той же папке, что и страница.

это решило проблему для меня. Проблема за кулисами, вероятно, что-то делать с кэшированием IE, но я не уверен.

хотите поделиться URL? Многие браузеры справляются с фавиконами в (например) формате png, в то время как IE часто имел проблемы. - Также более старые версии IE не проверяли источник html для местоположения favicon, но просто целенаправленно пытались получить " / favicon.ico " с веб-сервера.

Я когда-то использовал PNG в качестве favicon.ICO и он отображается во всех браузерах, кроме IE. Возможно, что-то в файле заставляет его не распознаваться IE. Также убедитесь, что это 32x32. Не знаю, имеет ли это значение. Но это то, что я должен был убедиться, чтобы увидеть его в IE.

надеюсь, что это помогает. Попробуйте использовать файл ico из другого места, чтобы увидеть, работает ли это.

пожалуйста, докажите, что я ошибаюсь.

Я создал значок из существующего файла png, просто изменив расширение изображения с png на ico. Я использую тему drupal 7 bartik, поэтому я загрузил значок ярлыка на сервер, и он работал для Chrome и Firefox, но не IE. Кроме того, значок изображения был белым-пустым на рабочем столе.

затем я по совету некоторых ребят здесь и уменьшил размер изображения до 32x32 пикселей с помощью редактора изображений (gimp 2

Я загрузил значок так же, как и раньше, и он отлично работал для всех браузеров.

Я люблю вас, ребята, на StackOverflow, вы помогли мне решить много проблем. СПАСИБО!

Спасибо за вашу помощь.Я пробовал разные варианты, но ниже один работал для меня.

Я добавил вышеуказанные две строки в заголовок моей страницы, и он работал во всех браузерах.

может быть это поможет другим.

для меня значок не отображается в IE, даже после выполнения всех шагов.

наконец, я нашел заметку в MSDN Устранение Неполадок Ярлыки.

убедитесь, что Internet Explorer может хранить значок ярлыка в Временная папка Internet Files. Если вы установили Internet Explorer в не храните кэш, тогда он не сможет сохранить значок и будет отображение интернета по умолчанию Вместо этого значок ярлыка проводника.

Я использовал IE в режиме" в частном", как только я проверил в обычном режиме. ФАВ иконка отображается правильно.

Вы можете проверить это из командной строки с помощью:

Если вы видите "Cache-Control: no-cache", настройте конфигурацию сервера, чтобы удалить этот заголовок из ответа favicon или установить максимальный возраст.

запустите Internet Explorer от имени администратора. Если вы откроете IE в обычном режиме, то favicon не будет отображаться на IE 11 (Win 7). Я не уверен в поведении на других версиях браузеров.

также - ошибки сертификата (https) могут предотвратить появление favicon. Команда безопасности изменила настройки нашего сервера, и я начал получать "есть проблема с сертификатом безопасности этого веб-сайта."Нажатие на" Продолжить на этот сайт (не рекомендуется)."взял меня на сайт, но не показал favicon.

Windows Server 2016 IE 11:
Избранное: значок сайта
Адресная строка: значок сайта
Вкладка "обозреватель": значок сайте

Windows 10 IE 11:
Избранное: значок сайта
Адресная строка: generic blue-e icon
Вкладка браузера: общий синий-e значок

Windows 10 Edge:
Избранное: значок сайта
Адресная строка: нет значка
Вкладка "обозреватель": значок сайте

Я обнаружил, что мне нужно очистить кэш Firefox [CTRL] + [SHIFT] + [DEL], а затем перезапустить Firefox, прежде чем я смог увидеть значок сайта, который я поместил в корень веб-сервера и назвал favicon. ICO.

Обратите внимание, что в последних версиях Firefox значок избранного отображается только на значке вкладки и в закладке, а не на значке адресной строки .

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

Это звучит как проблема конфигурации с вашей стороны, которую мы не можем решить без дополнительной информации. Вы пытались использовать абсолютный URL вместо относительного?

По соображениям безопасности значки больше не используются в адресной строке, начиная с Firefox 15, но по-прежнему используются во вкладках, закладках и т. д.

Это результат того, как Firefox в настоящее время обрабатывает кэширование файла favicon. Чтобы решить, у вас есть несколько вариантов:

Добавить параметры GET

Вы можете добавить произвольный параметр GET и значение в конец URI вашего избранного значка

( Совет: этот прием можно использовать для любых других файлов css /js, если вы хотите убедиться, что браузер пользователя не обслуживает локально кэшированную версию.)

Переименовать файл

Переименуйте ваш файл favicon и укажите в файле href ссылку на переименованный файл.

Жесткое обновление

Жесткое обновление может работать в некоторых браузерах, если вас интересует только обновление favicon на локальных машинах. Обычно Ctrl + Shift + R или Ctrl + F5 для Windows /* NIX и Command + R или Command + Shift + R на Mac помогут вам.

Объяснение: В конечном итоге вам нужно заставить браузер извлекать свежую копию файла вместо использования локально кэшированного файла. Добавление ? Somevariable = uniquevalue в конец файла URI заставляет ваш браузер думать, что он имеет дело с новым файлом, и новые файлы по своей природе уже нельзя кэшировать. Тот же эффект создается при переименовании файла.

Дополнительные технические замечания: Лучше всего использовать временную метку или уникальный номер версии файла для значения параметра GET, так как это будет способствовать уникальности переменной. Возможно, если пользователь уже загрузил этот URI с точно таким же параметром и значением GET (в моем примере ? Updated = 20150818 ), браузер не будет извлекать свежую копию, поскольку он может понять, что все еще иметь дело с тем же файлом.

Я DO знаю, что этот вопрос был задан по крайней мере тысячу раз только на этом веб-сайте, но я прочитал многие из этих тем, я считаю себя очень знающим и редко когда-либо спрашиваю что-либо, вместо этого предпочитаю делать свои собственные исследования.

однако, этот вопрос настолько странный, без надежды на реальное просветление (так как этот вопрос обсуждался так часто, и все же я не мог извлечь выгоду из чтения там), вот мой вопрос:

далее: когда я добавить

Я все еще не получаю фавикон.

далее: когда я вместо этого использую

Я не могу объяснить это поведение в Firefox. Кстати, Chrome показывает правильный favicon.

это моя страница голова:

как только я добавлю хотя бы "?"после "Ико" работает.

вот что сервер отправляет, когда запрашивается значок, так как некоторые просили об этом. я понятия не имею, почему это было бы полезно, Так как a) я сказал, что мой Кэш был пуст для каждого теста (проверено с помощью about:cache тоже), и b) я сказал, что сервер никогда даже не запрашивал файл, когда он не появляется. Firefox просто не спрашивает без "?- . с пустым тайником! Запрос появляется в журнале apache только тогда, когда я использую добавленное "?".

во-первых, убедитесь, что у вас нет "нормальной" проблемы с кэшем загрузив URL-адрес favicon напрямую (поместите его в строку URL браузера) и принудительно обновите его. Если это делает работу, нет необходимости в сложном решении ниже.

Я do (did) получить правильный значок в браузере при загрузке непосредственно! Но у меня все еще есть (был) неправильный значок, отображаемый как "favicon". Загрузка файла значков напрямую is (или was) независимая дисплея в фактическом местоположении favicon (за исключением того, когда он загружается в первый раз, конечно).

, если вы только проблема с кэшем и принудительное обновление работает для Вас, чем этот вопрос / проблема не ваша! И ваш ответ-не ответ для этот вопрос.

люди не должны игнорировать факты. Когда вас бомбардируют множеством уже ответивших и / или бесполезных вопросов, качество вопроса страдает на данный момент и для архива тоже. удивительно, как мне приходится бороться с людьми, которые все еще настаивают на том, что force-refresh-это отвечай!

Примечание: вы можете полностью избежать этой проблемы, используя URL-адрес cache-buster, как и StackOverflow, их URL-адрес favicon заканчивается на . /img/favicon.ico?v=4f32ecc8f43d .

шаги с этой страницы воспроизводится здесь:

  1. установить Firefox дополнения SQLite Manager
  2. запустите его из Tools - > SQLite Manager
  3. нажмите пункт меню " база данных "(вверху слева) и выберите" Подключить базу данных", введите %APPDATA%\Mozilla\Firefox
  4. открыть Profiles папка и перейдите в профиль, который вы используете
  5. выберите places.sqlite как файл базы данных для редактирования (Firefox 61 и более поздние версии: favicons.sqlite )
  6. выбрать moz_favicons таблица. В контекстном меню правой кнопкой мыши используйте "пустая таблица",не используйте "Drop table" (стол должен быть там)или используйте контекстное меню правой кнопкой мыши над данными и выберите "Удалить" только над одной записью, которую вы хотите удалить (см. скриншот ниже)

screenshot deleting an entry using SQLite manager

Я начал подозревать, что Firefox кэширует favicons отдельно от всего остального-это было единственным объяснением, соответствующим наблюдаемому поведению. Поэтому я погуглил и нашел по ссылке выше. Затем я попытаюсь очистить этот дополнительный кэш и посмотреть, что произойдет.

ОБНОВЛЕНИЕ - РЕШЕНО: после удаления кэша favicon с помощью дополнения" SQLite Manager " Firefox все работает так, как должно.

таким образом, секрет был дополнительным (sqlite) кэшем для FAVICONS в Firefox, который не очищается обычным " чистым кэшем" команда.

обновление марта 2017: я проверил это дополнение Firefox, а также автономное приложение, предложенное в этом ответе ниже и оба делают свою работу. Надстройка SQLite Manager последний раз обновлялась

2 года назад в соответствии с его страница проекта Github, но он по-прежнему делает то, что нужно в этом контексте. Есть обновления, доступные от люди, которые раздвоили проект, но это только в сторону.

Я создал favicon.ICO-файл и объявил его в моем теге HTML head:

IE 8 и Opera отлично справляются, но FireFox даже не пытается загрузить его (как я вижу из моего Fiddler debug proxy). Я пробовал много разных типов (image/ico и т. д.) и href params, но не повезло.

что я пропустил?

Как и большинство вещей в браузере, фавиконы (или их отсутствие) являются общими кандидатами на кэширование.

попробуйте очистить кэш Вашего браузера.

в Mozilla Firefox,сочетания клавиш to "обновить (перезаписать кэш)" и

Firefox имеет отдельный кэш для favicon и это не работает должным образом. Favicon не обновляется легко в firefox. Это небольшой вопрос, но беспокоит многих из нас в течение длительного времени.

решение состоит в том, чтобы очистить кэш favicon, чтобы favicon был обновлен. Есть много решений, которые вы можете найти, если вы идете через интернет или stackoverflow. Большинство решений imvolves удаления кэша favicon вручную или с помощью некоторых плагинов. Некоторые говорят, что удаление файла из temp файлы интернета. Но есть один очень простой и легкий способ решить проблему.

это немедленно обновит favicon.

Это решение было первоначально опубликовано "alex" по этой ссылке: как заставить favicon обновить

Это странно, потому что я просто скопировал/вставил ваш код в пустой документ, открытый с помощью firefox и некоторого случайного изображения, которое я переименовал в favicon.ico загружается как favicon.

моя проблема была в том, что у меня было еще один фавикон.ico в корневом каталоге web.

Если у вас есть favicon в каталоге шаблонов "/template/favicon.ico "и еще один в" / favicon.ICO " firefox будет использовать favicon из корневой директории, даже если вы использовали ссылку для favicon в папке шаблона. решение-удалить favicon в корневом каталоге.

моя текущая версия firefox-58.0b6 (Quantum).

Я не очень программист, но у меня была аналогичная проблема, и вот простая вещь, которая, наконец, сработала для меня.

я администрирую несколько простых веб-сайтов, но Firefox отказался загружать фавикон одного конкретного сайта. Я посмотрел в интернете, перепробовал все, что смог понять. Ничего не помогало. Код был точно таким же (фактически скопированным) с других веб-сайтов, чьи значки работали хорошо.

Читайте также: