Не отображается фавикон в браузере хром
У меня есть сайт, использующий пользовательский favicon.ico. Фавикон отображается корректно во всех браузерах, кроме IE. При попытке отобразить favicon в IE я получаю большой красный x; при отображении favicon в другом браузере он отображается просто отлично. Источник страницы включает и он работает в других браузерах. Спасибо за ваши мысли.
EDIT: решено: источником проблемы был файл jpg, переименованный в ico. Я создал файл как ico, и он работает так, как ожидалось. Спасибо за Ваш вклад.
правильно, вы не были так полезны (предоставление источника было бы действительно полезно! но вот, пожалуйста. Некоторые вещи, чтобы проверить:
это изображение a реальные файл ico? (переименование растрового изображения не является реальным .ico! Слегка другой формат)
работает ли он при добавлении страницы в качестве закладки?
в IE и FireFox фавикон.ico запрашивается только на первой странице, посещаемой на сайте, что означает, что если фавикон.ico требует входа в систему (например, ваш сайт является закрытым сайтом и требует входа в систему), тогда значок не будет отображаться.
- ваш favicon.Ико должен быть помещен между тегами глава tag
- размер: 16 X 16
- и для 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:
Избранное: значок сайта
Адресная строка: нет значка
Вкладка "обозреватель": значок сайте
Я создаю неопубликованную HTML-страницу . Одна из вещей, которые я хотел сделать, это добавить значок появится рядом с названием. Я использую google chrome, и я заметил, что на других сайтах есть значки, которые появляются рядом с плиткой в браузере, но тот, который я пытаюсь отобразить, не отображается. Сайт в папке на моем рабочем столе с именем site. Это код:
так как у вас есть ведущий / в теге href, ссылка на файл будет в корневой папке. Если у вас есть страница в папке на вашем компьютере, не обслуживая ее с локального веб-сервера, ведущий / сообщит браузеру, чтобы посмотреть в корневой папке вашей файловой системы. Так что браузер ожидает файл в C:/favicon.ico или подобное, что, вероятно, не то, что вы ожидали.
если у вас favicon.ico в той же папке, что и веб-страница, вы можете просто убрать Слэш, и значок должен быть виден.
обновление:
в качестве опции отладки вы можете попытаться добавить тег, который, как вы знаете, работает. Я позаимствовал этот фрагмент из источника StackOverflow. Попробуйте заменить тег ссылки на это и посмотреть, получите ли вы логотип SO в качестве вашего favicon.
обновление 2:
распространенная проблема, когда favicon не будет отображаться, когда ожидается кэш, если ваш .htaccess для примера читает: ExpiresByType image/x-icon "access plus 1 month"
затем просто добавьте случайное значение в ссылку favicon: <link rel="shortcut icon" href="https://example.com/favicon.ico?r=31241" type="image/x-icon" />
работает каждый раз для меня даже с тяжелыми кэширования.
Я обнаружил, что (в Chrome 56, OSX) состояние favicon, похоже, кэшируется на время жизни браузера, поэтому, если favicon не загружается, это не будет до после перезапуска Chrome. Похоже, что он не отображается на вкладке "приложение" в dev tools и не очищается жесткой перезагрузкой или "Очистить данные сайта".
еще одна причина, по которой Chrome не отображает favicon, заключается в том, что он все еще помнит время, когда на сайте не было favicon или favicon был неправильно настроен.
вы захотите полностью стереть кэш favicon:
закройте все запущенные процессы Chrome.
удалить Favicons файл в папке пользовательских данных. Например:
этого не может быть решается путем очистки кэша браузера, так как это не влияет на Favicons контейнер.
Также отметим, что вопреки тому, что вы могли бы читать онлайн, запросы к ресурсам favicon являются не показано в панели сети DevTools. При очень редких обстоятельствах одна такая просьба мая показать там, но это очень маловероятно, и DevTools не поможет вам решить ваши проблемы favicon.
2) Как вы должны добавить это:
3) Еще одна вещь может быть проблема, что chrome не может отображать фавиконок, если это местное (не загружен в web-сервер.)
4) Попробуйте переименовать его из favicon. to . но я бы предложил вам по-прежнему иметь нормальный favicon. Это решило мою проблему в IE.
5) нашли другое решение для этого, которое отлично! Я просто добавил свой favicon как кодированное изображение Base64 непосредственно внутри тега следующим образом:
Не похоже, что Chrome позволяет отображать favicon в адресной строке.
Я также видел, как это сделано, как это. Не знаю, будет ли это иметь значение или нет.
ваш html полностью неверен для начала, не должно быть div в вашем разделе головы, ни после вашего раздела тела. Я предлагаю вам сначала изучить правильный html, прежде чем начать работать с favicons и т. д.
этот трюк работает: добавьте этот скрипт в заголовок или masterPage, например
Разумеется, первое что пришло в голову — где-то в скрипте «двоится» запрос к базе данных. Например, такая «школьная ошибка»:
Проверяю сто тысяч раз — нет. С кодом все в порядке. Значит браузер по какой-то причине отправляет данные дважды. Генерирую простенький тестовый скрипт с инкрементом сессионной переменной и — да! Вместо увеличения на единицу браузер упорно показывает увеличение переменной на два. Пробую вместо Хрома Сафари — нет такой проблемы. Далее идут поиски некорректно работающих яваскриптов, расширений для браузера, но все безрезультатно. Поиск по интернету давал схожие советы. Многие программисты в аналогичной ситуации вводили проверку на уникальность и отсекали дублирующиеся посты. Но баг то это решение не устраняет и я решил не останавливаться и найти причину такого поведения.
Наконец, причина была найдена. И так как решение нашел с трудом, на англоязычной девелоперской ветке, хочу поделиться им здесь. Все просто — виновника два: Google Chrome (и производные от него браузеры) и mod_rewrite в Apache.
Суть проблемы
Все просто. Особенность браузеров, построенных на платформе Crome в том, что они ищут файл favicon.ico для каждого сайта. И если его нет, то они все равно будут упорно его искать. При каждом обновлении страницы, отдельным запросом к серверу. А большинство .htaccess файлов в Apache имеют в себе строчки:
Руководствуясь этим правилом, получая запрос от браузера к несуществующему favicon.ico Apache послушно перенаправит его к файлу index.php и скрипт отработает дважды. Конечно, в большинстве случаев полноценные веб-приложения имеют проверку на уникальность и не пропускают повторяющиеся запросы. А сайты в большинстве случаев имеют файл favicon.ico. Но все же раз существует такая проблема, значит можно описать методы решения.
Варианты решения
Решение первое, самое простое: заведите на сайте favicon.ico. Chrome найдет его и успокоится.
Решение второе — немного изменить файл .htaccess на сервере. У меня блок правил mod_rewrite для всех проектов теперь будет выглядеть так:
Не поставил favicon? Получи двойной трафик от Chrome
Если вдуматься, то утверждение справедливо, ведь вместо того, чтобы отдать «статику», сервер будет запускать веб-приложение, которое в лучшем случае вернёт в браузер вместо иконки динамически сгенерированную 404 страницу. А в худшем — отработает полностью запуск главной страницы сайта. Получается, что не установив иконку на сайте (например, на одном популярном блоговом движке), разработчик вдвое увеличивает нагрузку на сервер от пользователей Google Chrome.
Вот, собственно и все. Надеюсь эта информация кому-то пригодится и сэкономит время.
Простой 1 комментарий
В хроме отображается нормальный фавикон.
От того, что браузер называется Гугл Хром не делается вывод, что поисковик называется хромом.
Я бы в ico добавила 16х16
Если меняли недавно, то поисковики могли и не успеть переиндексировать. Иконки обновляются не часто.
1. Не факт что ваш плагин работает корректно. Вы для начала зайдите и проверьте - ваш плагин сам прописал эту строку или нет. Если строки с иконкой нет - удалите его нахрен.
2. Лучше вручную прописать, так будет 100% уверенность в том, что с сайтом все ок.
3. Поисковики тоже имеют кеш.
Итог:
Прописать ручками, ждать новой индексации.
Y-3, Выдыхайте. Ваш плагин работу свою сделал - иконка показывается у сайте, однако не факт что плагин сделал это корректно.
Выждите день/два. Если не поменяется в поиске - пропишите руками в хедер шаблона темы то, что ниже. Только со своей ссылкой на иконку естественно, которую вы предварительно загрузите в корень сайта.
А так спасибо
Y-3, Причем тут ios или майкрософт?!
Фавикнока и в жопе у енота фавиконка))
И прописывается она единственным способом. Разве что с разными параметрами. И понимают этот способ все платформы.
html - это база. Его понимают все. Тем более такую примитивную вещь иконку сайте.
Так что вы что-то загоняетесь на пустом месте.. Тем более вопрос был вообще не в этом.
Ответ был дан выше. Иконка у вас на сайте есть. Подождите новую индексацию поисковиками или запросите ее сами. Если не поможет - пропишите код что выше руками. Он будет работать даже на тапке вашей бабушки.
Читайте также: