Как мне принудительно обновить фавикон?

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

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

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

<link rel="icon" href="http://www.yoursite.com/favicon.ico?v=2" />

Хорошо, после 10 минут попыток, простой способ исправить это близко к линии птиц

1. Введите www.yoursite.com/favicon.ico (или www.yoursite.com/apple-touch-icon.png и т. Д.)
2. От себя enter
3. ctrl+f5
4. Перезапустите браузер (IE, Firefox)

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

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

1. Наведите курсор на вкладку
2. Правый клик
3. Выберите перезагрузить
4. Ваш favicon должен быть обновлен

Это самый простой способ обновить фавикон на местном уровне.

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

<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon2.ico" />

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

<link rel="shortcut icon" href="favicon.ico?v=<?php echo md5_file('favicon.ico') ?>" />

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

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

<link rel="shortcut icon" href="favicon.ico?v=<?php echo filemtime('favicon.ico') ?>" />

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

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

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

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

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

${user.home}/Library/Application Support/Google/Chrome/Default/Favicons 

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

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

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

1. Посетите ваш файл по адресу http://example.com/favicon.ico в вашем браузере.
2. Удалите favicon.ico из своего веб-корня.
3. Посетите http://example.com/favicon.ico еще раз в браузере и убедитесь, что он отсутствует.
4. Загрузите новый на свой webroot.
5. Снова посетите http://example.com/favicon.ico в браузере, убедитесь, что он новый.

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

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

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

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

1. Открытый интернет проводник.
2. Нажмите меню> инструменты> настройки интернета.
3. Нажмите «Общие»> «Временные интернет-файлы»> «Настройки».
4. Нажмите кнопку «Просмотр файлов».
5. Найдите свой старый файл favicon.ico и удалите его.
6. Перезапустите браузер (Internet Explorer).

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

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

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

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

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

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

1. Очистка кеша
2. Жесткая связь значка с <link>тегом
3. Навигация к mysite.com/favicon.ico
4. Открытие mysite.comв новой вкладке

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

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

1. Выйти из Chrome
2. Загрузите базу данных favicons (используя sqlite здесь):

sqlite3 ~/Library/Application\ Support/Google/Chrome/Default/Favicons

3. Поиск файла, который вызывает проблемы

select * from favicons where url = 'http://mysite.dev/favicon.ico';

4. Если вы довольны результатом:

delete from favicons where url = 'http://mysite.dev/favicon.ico';

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

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

select * from favicons where url like 'http://mysite.dev%';

4. И снова, если вы довольны тем, что это возвращает:

delete from favicons where url like 'http://mysite.dev%';

5. Введите .exitи нажмите Return, чтобы выйти из sqlite
6. Перезапустите Chrome

Когда вы запрашиваете значок в Google, вы можете посмотреть заголовки ответа.

Last-Modified: Fri, 09 Jan 2009 16:35:02 GMT
Date: Thu, 01 Dec 2010 00:00:01 GMT
Expires: Fri, 01 Dec 2011 00:00:01 GMT
Cache-Control: public, max-age=31536000
Age: 7

Если вы добавите заголовок «Expires:» в ответ, клиентские браузеры повторно запросят значок после этой отметки времени. При активной разработке вы могли бы установить метку времени истечения на секунду или две в будущем и всегда получать ее, хотя это плохой долгосрочный план.

Версия Chrome: 68.0.3440.106

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

Поддержка favicon в Chrome содержит ошибки - не обращайте внимания на этот ответ

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

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

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

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

[].slice.call(document.querySelectorAll('head>link[rel$="icon"]')).map(function(ln){ln.href+='?v=2'});

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

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

Для тех, кто находится в подобных обстоятельствах, просто скачайте дополнение FAVICON RELOADER. После установки вы найдете команду «перезагрузить любимые значки» в выпадающем меню BOOKMARKS.

https://addons.mozilla.org/en-US/firefox/addon/faviconreloader/?src=api

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

<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=<?php echo time() ?>" />

Это обновит ваш значок на каждой странице загрузки.

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

Если вы не поменяете название иконки, вы не сможете заставить своих пользователей получить новую копию

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

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

  $ {user.home} / Библиотека / Поддержка приложений / Google / Chrome / По умолчанию / Favicons

• в Windows: удалить файлы

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

источник

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

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

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

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

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

Итак, есть два способа принудительного обновления иконки с помощью Firefox.

1. Пусть все ваши клиенты удалят Firefox. Затем переустановите.

2. Вручную введите только домен в строке URL - не используйте http или www только домен (mydomain.com).

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

Просто,

1: я не хочу возиться с кодами (ps мой конструктор сайтов не использует коды, он использует кнопку «загрузить файл» и делает это сам)

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

У меня есть решение:

IE: Очистить всю историю браузера и куки, перейдя в настройки cog O

Chrome: перейдите в меню в правом верхнем углу под буквой X, которое выглядит как =, затем перейдите к настройкам, истории, ОЧИСТИТЕ ПРОСМОТР ДАННЫХ и отметьте все соответствующие поля (я сделал историю, файлы cookie и очистил катч от начало времени)

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

Вот как мне это удалось с помощью простого анимированного значка и FireFox 3.6.13 (бета-версия). Возможно, он будет работать и для других версий Firefox, дайте мне знать, если это не так. Это в основном решение artlung, но оно также касается и файла .gif:

1. Я открыл программу FTP, скачал мои файлы favicon.ico и favicon.gif,
2. затем удалил их из файлов моего сервера.
3. Затем я открыл их в своем браузере, как предложил artlung: http://mysite.com/favicon.ico AND http://mysite.com/favicon.gif После загрузки этих адресов и отображения 404 страниц с ошибками («страница не найдена»)
4. Затем я загрузил оба файла обратно на мой сервер, и PRESTO - правильные значки были немедленно отображены.

Также убедитесь, что вы указали полный URL-адрес изображения, а не только его относительный путь:

http://www.example.com/images/favicon.ico

И не:

images/favicon.ico

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

Саймон, я полагаю, есть причина, по которой ни один из других ответов пока не принят. Таким образом, я считаю, что это могло быть проблемой Grails - особенно, если вы используете «Плагин ресурсов».

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

Если удаление значка из всех ваших плагинов временно разрешит проблему, то вы, скорее всего, столкнетесь с этим:

http://jira.grails.org/browse/GPRESOURCES-134

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

1. Добавьте ваш .ico файл в проект.
2. Перейдите в angular.json и в этом "projects" -> "architect" -> "build" -> "options" -> "assets" и здесь сделайте запись для вашего файла значка. Обратитесь к существующей записи favicon.ico, чтобы узнать, как это сделать.
3. Перейдите в index.html и обновите путь к файлу значка. Например,

<link rel="icon" type="image/x-icon" href="abc.ico">

Или переименуйте файл значка в favicon.ico и замените его в каталоге.

4. Перезагрузите сервер.
5. Хард обновил браузер и все готово.