Favicon не обновляется в браузере

Обновлено: 02.07.2024

У меня есть приложение Grails, работающее локально, используя свой собственный tomcat, и я только что изменил favicon на новый. Проблема в том, что я не вижу его ни в одном браузере. Старый favicon появляется, или я вообще не получаю favicon, но не мой новый. Я не думаю, что это проблема Grails как таковая, скорее проблема с фавиконами.

Что должно произойти с фавиконами? Как они должны работать? У меня есть множество закладок в моем браузере, которые имеют неправильные значки, и они, кажется, никогда не обновляются. Как заставить сервер / браузер прекратить их кэширование? Кажется довольно глупым всегда кэшировать их, учитывая, что обычно они имеют размер всего 16x16. Почему бы просто не загружать их при каждом посещении страницы? Это не совсем огромные накладные расходы.

Я создаю веб-сайт, и у меня есть favicon, который я хочу использовать для него. Он находится в той же папке, что и мой файл index.html. Мне было интересно, как на самом деле использовать favicon для моего сайта. Я настроил его так, чтобы он был размером 16 на 16 пикселей и имел расширение .ico.

Мне нужно изменить favicon в зависимости от марки во время выполнения. Когда приложение запускается, я звоню в webservice, чтобы установить бренд, а затем мне нужно настроить приложение. Я не знаю, как обновить favicon-это возможно? <link rel=shortcut icon href=favicon-brand1.ico> Чтобы.

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

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

В текущей версии chrome (на OSX) , если вы сделаете следующее, Вы получите мгновенное обновление favicon:

Наведите курсор мыши на вкладку
Щелкните Правой Кнопкой Мыши
Выберите перезагрузить
Теперь ваш favicon должен быть обновлен

Это самый простой способ, который я нашел, чтобы обновить favicon локально.

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

У меня есть приложение Angular и еще одно приложение, из которого вы можете настроить первое. Это включает в себя загрузку нового favicon, который должен быть отображен в первом приложении и обновлен при загрузке нового. Способ загрузки favicon таков: <link rel=shortcut icon.

Переименуйте файл favicon и добавьте заголовок html с новым именем, например:

Если вы используете PHP, вы также можете использовать MD5-Hash из favicon в качестве строки запроса:

Таким образом, Favicon всегда будет обновляться, когда он был изменен.

Как указано в комментариях, вы также можете использовать дату последнего изменения вместо MD5-Hash, чтобы добиться того же самого и немного сэкономить на производительности сервера:

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

Закройте браузер. Убедитесь, что больше не запущены процессы браузера (например, проверьте Диспетчер задач на наличие chrome.exe или firefox.exe ).
Перейдите туда, где Ваш браузер хранит пользовательские файлы:
- Для Chrome перейдите в каталог данных Chrome.
- Для Firefox перейдите в папку профиля Firefox .
Удалите кэш favicon.
- Для Chrome удалите Favicons и Favicons-journal
- Для Firefox, удалить favicons.sqlite

Это почти наверняка сработает. Если нет:

Возможность 1: обновление вашего браузера изменило работу кэша favicon. Пожалуйста, отредактируйте этот ответ с новыми инструкциями.
Возможность 2: Ваша проблема favicon не имеет ничего общего с чрезмерно агрессивным кэшированием. Вместо этого это может быть проблема загрузки ресурсов – используя инструменты разработчика, убедитесь, что новый favicon загружается правильно.

В Chrome на Mac OS X можно удалить файл с кэшем favicon

В зависимости от браузера они обрабатываются по-разному, но обычно я нахожу, что иду на страницу сайта по умолчанию и делаю жесткое обновление. CTRL + F5 , как правило, заставит его обновиться.

Ну, накладные расходы есть накладные расходы, Но да, не слишком большие.

Кроме того, браузеры иногда "greedy" о кэшированных файлах. Вы можете очистить кэш и / или перезагрузить браузер и увидеть изменения. Но если это не удастся.

Мое дешевое решение состоит в том, чтобы:

Если эта последовательность не работает, значит, происходит что-то еще.

НА MAC: ⌘ + Shift - R или, удерживая нажатой клавишу Ctrl , нажмите кнопку перезагрузки в браузере.

Для Internet Explorer есть еще одно решение:

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

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

Попробуйте открыть новую вкладку

Я попробовал многое из вышеперечисленного (сброс кэша, обновление, использование тега ссылки и т. д.), Я даже проверил свой файл .htaccess и сбросил переменную ExpiresByType.

Но это то, что в конце концов сработало для меня как в Chrome (25.0.x), так и в Safari (6.0.1):

(Вплоть до шага 3 обновление на той же вкладке продолжало воспроизводить старый значок.)

Для Chrome on macOS, если вы не хотите удалять всю базу данных Chrome favicon, как уже было предложено здесь, вы можете удалить только конфликтующие значки:

Закройте Хром
Загрузите базу данных favicons (используя sqlite здесь):

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

Поиск нескольких файлов , вызывающих проблемы

И опять же если вы довольны тем что это возвращает:

Введите .exit и нажмите return, чтобы выйти sqlite
Перезагрузите Chrome

Если вы поставите заголовок "Expires:" в ответ, клиентские браузеры повторно запросят значок после этого timestamp. Занимаясь активной разработкой, вы можете установить expires timestamp на секунду или две в будущем, и всегда заставлять его получать это, хотя это плохой долгосрочный план.

Версия Chrome: 68.0.3440.106

Просто перезагрузите Chrome (в адресной строке): chrome://restart

Поддержка Chrome favicon глючит - не обращайте внимания на этот ответ

Я написал этот ответ под впечатлением, что именно это нужно для обновления фавиконов в Google Chrome. Однако оказывается, что это работает только в течение первых пяти минут или около того, пока значок не будет безвозвратно потерян в синхронизации истории Chrome .

Оригинальный ответ

Вам не нужно очищать кэш, перезапускать браузер или переписывать HTML - вам просто нужно один раз изменить значок URL, чтобы браузер забыл ранее кэшированный значок.

Предполагая , что вы определили свой значок с помощью элементов <link> в <head> вашей страницы, вы можете сделать это, запустив этот стандартный однострочный символ- JS в консоли:

Для более продвинутой реализации этого метода, которая может автоматически делать это для конечных пользователей в производстве, см. freshicon.js .

Недавно я восстановил свои закладки и искал способ восстановить FavIcons, не посещая каждую страницу. Мои поиски привели меня к этой теме.

Для тех, кто находится в аналогичном положении, просто скачайте аддон FAVICON RELOADER. После установки вы найдете команду "reload favorite icons" в выпадающем меню BOOKMARKS.

Если вы используете PHP . то вы также можете использовать эту строку.

Он будет обновлять ваш favicon при каждой загрузке страницы.

Если вы просто заинтересованы в его отладке, чтобы убедиться, что он изменился, вы можете просто добавить фиктивную запись в свой файл /etc/hosts и нажать новую URL. Этот favicon уже не будет кэширован, и вы можете убедиться, что ваш новый работает.

Короче, изменяющий название favicon, нет никакого способа, вы можете заставить ваших пользователей, чтобы получить новую копию

Это работает для Chrome:

на Mac: удалить файл

on Windows: удаление файлов

C:\Users[имя пользователя]\AppData\Local\Google\Chrome\User Data\Default\Favicons C:\Users[имя пользователя]\AppData\Local\Google\Chrome\User Data\Default\Favicons-journal

1: я не хочу fiddle возиться с кодами (ps мой конструктор сайтов не использует коды, он использует кнопку "upload file" и делает это сам)

2: я попробовал CTRL + F5 , и это не работает для меня так.

У МЕНЯ ЕСТЬ РЕШЕНИЕ:

IE: очистите всю историю браузера и файлы cookie, перейдя в раздел Настройки cog O

Chrome: перейдите в меню в правом верхнем углу под X, которое выглядит как a = , затем перейдите в настройки, историю, очистите данные просмотра и установите все флажки, которые применяются (я сделал историю, куки и очистил catche с самого начала времени)

Это обходной путь для ошибки chrome: измените атрибут rel на таблицу стилей! Однако сохраните исходную ссылку. Работает как заклинание:

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

Я знаю, что это действительно старый вопрос, но он также все еще актуален, хотя в наши дни относится только к mozilla. (Я понятия не имею, что делает explorer, потому что мы не кодируем для нестандартных браузеров).

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

Хотя mozilla хорошо осведомлена об этой проблеме, как обычно, они никогда не исправляют раздражающие мелочи. Даже 6 лет спустя.

Таким образом, есть два способа принудительного обновления значка с помощью firefox.

Пусть все ваши клиенты удалят firefox. Затем установите его заново.

Это, конечно, предполагает, что ваши записи ns включают разрешение только для доменного имени.

Просто измените это имя файла= 'favicon1.ico'

Похожие вопросы:

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

Подумал, что кто-то может знать о существовании скрипта или знать, как обновить favicon на каждый раздел сайта. В каждой секции сборки, над которой я работаю, есть сильные цвета, и я подумал, что.

Несколько дней назад я изменил favicon своего сайта: он хорошо работает, когда я открываю сайт: Мой сайт также находится в моих закладках, но он показывает старый favicon: Я уже заглядывал сюда , но.

Я слежу за блогом о том, как анимировать favicon . Я не смог заставить его работать, поэтому я разбил его на несколько частей, заключив, что проблема заключается в том, что я не обновляю favicon с.

Я хочу изменить свой сайт favicon с помощью нового изображения значка, но я не могу его изменить. Он все еще показывает предыдущий. Раньше, когда я добавлял favicon с тегом link , который был.

У меня есть приложение Grails, работающее локально, используя свой собственный tomcat, и я только что изменил favicon на новый. Проблема в том, что я не вижу его ни в одном браузере. Появляется старый фавикон, или я вообще не получаю никакого фавикона, но не мой новый. Я не думаю, что это проблема Grails как таковая, скорее проблема с фавиконами.

Что должно произойти с фавиконок? Как они должны работать? У меня есть многочисленные закладки в моем браузере, которые имеют неправильные значки, и они никогда не освежается. Как заставить сервер / браузер прекратить кэширование? Кажется довольно глупым всегда кэшировать их, учитывая, что они обычно только 16x16. Почему бы просто не загружать их при каждом посещении страницы? Это не совсем огромные накладные расходы.

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

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

в текущей версии chrome (на OSX) если вы сделаете следующее, Вы получите мгновенное обновление favicon:

наведите курсор на вкладку
Щелкните Правой Кнопкой Мыши
выберите "перезагрузить"
ваш favicon теперь должен быть обновлен

Это самый простой способ Я нашел, чтобы обновить favicon локально.

переименуйте файл favicon и добавьте заголовок html с новым именем, например:

Если вы используете PHP, вы также можете использовать MD5-хэш favicon в качестве строки запроса:

таким образом, Favicon всегда будет обновляться, когда он был изменен.

Как указано в комментариях, вы также можете использовать последнюю измененную дату вместо MD5-хэша для достижения того же самого и сохранить немного на производительности сервера:

Если в windows и с помощью chrome, выйти из панели задач (Ctrl+Alt + Delete) и убить все экземпляры, а затем перейти к.

и удалить файлы Favicons-journal, Favicons

затем запустите chrome

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

в Chrome на Mac OS X можно удалить файл с кешем favicon

Ну, накладные расходы накладные расходы, Но да, не слишком большой.

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

мое дешевое решение:

Если эта последовательность не работает, то еще что-то происходит.

в зависимости от браузера они обрабатываются по-разному, но обычно я нахожу, что иду на страницу по умолчанию сайта и делаю жесткое обновление. CTRL + Ф5 , как правило, получает его для обновления.

для Internet Explorer есть еще одно решение:

скорее всего, проблема с веб-браузером. Вам придется удалить кэш из браузера, закрыть браузер и снова открыть его. Это все исправит.

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

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

НА MAC: ⌘ + Shift - R или нажмите клавишу Ctrl и нажмите кнопку перезагрузки в браузере.

У меня нет favicon.ico, но IE всегда делает запрос на него.

Можно ли запретить браузеру отправлять запрос на избрание с моего сайта? Может быть, есть мета-тег в заголовке HTML?

+1 хороший вопрос, но кажется, что самое простое решение - просто добавить действительный значок :-) конечно, это минутная работа, и ваш сайт выглядит более профессионально? Вы также можете иметь пустой файл favicon.ico. Это остановит запросы (после первого), но не заставит браузер отображать пустой значок, где он обычно отображает любой значок по умолчанию. Я должен сказать, что полностью согласен с подразумеваемым вопросом задающего вопрос: с какой целью что-то дополнительное станет обязательным ? и далее, как получается, что мы не можем просто добавить некоторые метаданные к ответу, говорящие «ведите себя точно так же, как если бы вы запросили favicon.ico и получили 404, только на самом деле не делайте запрос и больше не спрашивайте до эта страница меняется ". Это такая боль. У меня есть веб-сервис, который обслуживает только JSON и даже не имеет базовой возможности обслуживать файлы без каких-либо изменений (для начала каждому методу требуется токен аутентификации, чтобы избежать 401/403). Я регистрирую неудачные запросы, чтобы потом анализировать их - журналы постоянно заполняются запросами на значок.

Сначала я скажу, что наличие значка на веб-странице - это хорошо (обычно).

Однако это не всегда желательно, и иногда разработчикам нужен способ избежать дополнительной нагрузки. Например, IFRAME запрашивает значок, не показывая его. Хуже всего то, что в Chrome и Android IFRAME сгенерирует 3 запроса на значки:

Следующее использует URI данных и может использоваться, чтобы избежать ложных запросов favicon:

Для ссылок смотрите здесь:

Ошибка / поведение Chrome, вероятно, будет исправлена в следующих версиях.

ОБНОВЛЕНИЕ 1:

Из комментариев (jpic) похоже, что Firefox> = 25 больше не нравится приведенный выше синтаксис. Я протестировал на Firefox 27, и он не работает, пока он работает на Webkit / Chrome.

Итак, вот новый, который должен охватывать все последние браузеры. Я тестировал Safari, Chrome и Firefox:

Особенности этого решения:

Если вы просто пытаетесь заткнуть chrome devtools в локальном проекте, это, безусловно, самый простой и чистый способ. Пожалуйста, подробно об этом. Нужно ли просто включить это в мой HTML-файл, чтобы остановить запрос favicon? @AakashVerma Да, это все. Больше ничего не нужно. (Если ваш сайт не должен поддерживать Internet Explorer 8 или более поздней версии.) Я соответственно улучшил свой ответ. @Andrew В чем проблема Chrome DevTools с этим решением?

Я верю, что видел это (Я не проверял это или использовал это лично хотя) :

У кого-нибудь был подобный опыт?

РЕДАКТИРОВАТЬ:

Я только что протестировал приведенный выше фрагмент и при принудительном полном обновлении в Fiddler не было замечено ни одного запроса favicon. Я протестировал против IE8 (режим Compat как стандарты IE7) и FF 3.6.

Я попробовал в Safari. Запрос favicon снова попадает на страницу хостинга. Я бы не советовал, потому что это заставляет браузер (Safari5 / Mac, может быть, и другие тоже) дважды запрашивать веб-страницу с сервера. БУМ ЭТО! Спасибо: D теперь я не увижу эту досадную ошибку, пока, наконец, не найду эту иконку хе-хе.

Ты не можешь Все, что вы можете сделать, это сделать этот образ как можно меньшего размера и установить некоторые заголовки аннулирования кэша ( Expires , Cache-Control ) в будущем. Вот что Yahoo! должен сказать о запросах favicon.ico.

Он сказал, что у него нет значка. Они не становятся намного меньше, чем это. И нет смысла кэшировать несуществующие файлы. Если у него нет значка, то он должен сделать его, это было моей точкой зрения. Нет лучшего решения, чем это. Разве это не логично? Если нет возможности остановить запросы, если вы не используете кеширование, что вы делаете?

Вы можете использовать .htaccess или серверные директивы, чтобы запретить доступ к favicon.ico, но сервер отправит ответ об отказе в доступе в браузер, и это все равно замедлит доступ к странице.

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

Во-первых, предоставьте небольшое изображение favicon.ico, которое может быть пустым, но настолько маленьким, насколько это возможно. Я сделал черно-белый под 200 байтов. Затем, используя директивы .htaccess или server, установите заголовок файла Expires на месяц или два в будущем. Когда тот же пользователь возвращается на ваш сайт, он будет загружен из кэша браузера, и на ваш сайт не будет отправлено ни одного запроса. Не более 404 в журналах сервера тоже.

Если у вас есть контроль над полным сервером Apache или, возможно, виртуальным сервером, вы можете сделать это: -

Фавиконка — это небольшая картинка, которая отображается в сниппете в результатах поиска Яндекса, рядом с адресом сайта в адресной строке браузера, около названия сайта в Избранном или в Закладках браузера .

Пример отображения фавиконки в результатах поиска:

Как фавиконка может отображаться на сервисах Яндекса

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

Для отображения в результатах поиска и рекламных кампаниях робот может скачать фавиконку в том числе из тега apple-touch-icon. Если во время обхода сайт недоступен для робота, может скачаться фавиконка хостинга со страницы-заглушки сайта. Поэтому в поиске вместо вашей фавиконки отобразится произвольная иконка.

Как изменить или удалить фавиконку

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

Чтобы ваш вопрос быстрее попал к нужному специалисту, уточните тему:

Фавиконка не появляется для моего сайта У сайта пропала фавиконка В поиске отображается некорректная или старая фавиконка Теоретический вопрос про индексирование фавиконок

Если все требования по размещению фавиконки выполнены, то для индексирования и появления ее в результатах поиска необходимо около двух недель.

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

Также, проверьте, правильно ли размещена фавиконка. Если она прописана корректно, дождитесь следующего обновления базы фавиконок, это занимает около двух недель.

Такая ситуация возникает, если:

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

Если эти причины устранены и выполнены рекомендации по размещению фавиконки, то после обхода роботом изменения появятся в результатах поиска в течение двух недель.

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