Як змусити оновлення фавікону?

У мене є програма 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)

Ця відповідь ще не дана, тому я думав, що опублікую її. Я роздивився все в Інтернеті і не знайшов гарної відповіді для тестування фавіконів у місцевому розвитку.

У поточній версії хрому (на OSX), якщо виконати наступне, ви отримаєте миттєве оновлення фавікону:

1. Наведіть курсор на вкладку
2. Клацніть правою кнопкою миші
3. Виберіть перезавантажити
4. Тепер ваш фавікон має бути оновлений

Це найпростіший спосіб, який я знайшов, щоб оновити фавікон локально.

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

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

Якщо ви використовуєте PHP, ви також можете використовувати MD5-Hash фавікону як рядок запитів:

<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. Видаліть кеш файлу Favicon.
   • Для 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 

Ну, накладні накладні, але так, не надто великі.

Також браузери іноді "жадібні" щодо кешованих файлів. Ви можете очистити кеш і / або перезапустити веб-переглядач і, можливо, побачите зміни. Якщо це не вдається, хоча ...

Моє рішення для cheapo:

1. Відвідайте свій файл за адресою http://example.com/favicon.ico у своєму браузері.
2. Видаліть favicon.ico зі своєї веб-корені.
3. Відвідайте http://example.com/favicon.ico знову у веб-переглядачі, переконайтесь, що він відсутній.
4. Завантажте нову у вашу веб-групу.
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і натисніть повернення, щоб вийти з 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: \ Користувачі [ім'я користувача] \ AppData \ Місцеві \ Google \ Chrome \ Дані користувача \ За замовчуванням \ Favicons C: \ Користувачі [ім'я користувача] \ AppData \ Місцеві \ Google \ Chrome \ Дані користувача \ За замовчуванням \ Favicons-journal

джерело

Це вирішення проблеми хромованої помилки: змініть атрибут rel на таблицю стилів! Зберігайте оригінальне посилання, хоча. Працює як шарм:

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

Я знаю, що це справді старе питання, але воно також є актуальним, хоча ці дні стосуються лише мозіли. (Я не маю поняття, що провідник робить, оскільки ми не кодуємо нестандартні браузери).

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

Хоча мозіла добре знає проблему, як завжди, вони ніколи не виправляють дратівливих дрібниць. Навіть через 6 років.

Отже, є два способи змусити оновити іконку Firefox.

1. Попросіть усіх своїх клієнтів видалити Firefox. Потім знову встановіть.

2. Введіть вручну лише домен на панелі url - не використовуйте http або www лише домен (mydomain.com).

Це, звичайно, передбачає, що ваші записи ns включають роздільну здатність лише для доменного імені.

Простий,

1: Я не хочу спіткнутися з кодами (ps мій розробник сайту не використовує коди, він використовує кнопку "Завантажити файл", і це робить сам)

2: Я спробував CTRL+, F5і він не працює для мене, так що ....

У мене є рішення:

IE: Очистити всю історію браузера та файли cookie, перейшовши до гвинтика налаштувань O

Chrome: Перейдіть до меню у верхньому правому куті під значком X, яке виглядає як a =, потім перейдіть до налаштувань, історії, ЧИСТОГО БРОШУВАННЯ ДАНИХ і перевірте всі вікна, які застосовуються (я зробив історію, файли cookie та очистив кеш-пам'ять з початок часу)

Просто змініть це ім'я файлу = 'favicon1.ico'

Ось як я впорався з просто анімованими файлами Favicon та FireFox 3.6.13 (бета-версія). Можливо, він буде працювати і для інших версій FireFox, дайте мені знати, якщо це не так. Це в основному рішення artlung, але також адресація файлу .gif:

1. Я відкрив програму FTP, завантажив свої файли favicon.ico AND 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 . Сподіваюся, це допомагає ...

Саймоне, я думаю, є причина, що жодна з інших відповідей поки що не прийнята. Тому я вважаю, що це могло б бути проблемою Grails - особливо, якщо ви використовуєте "Плагін ресурсів".

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

Якщо видалення фавікону з усіх ваших плагінів тимчасово вирішує проблему, ви, ймовірно, відчуваєте це:

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

Щоб змінити піктограму програми, виконайте наведені нижче дії.

1. Додайте файл .ico у проект.
2. Перейдіть на angular.json, і в цьому "проектах" -> "архітектор" -> "побудувати" -> "параметри" -> "активи" і тут введіть запис для вашого файла значків. Щоб дізнатися, як це зробити, зверніться до існуючого запису favicon.ico.
3. Перейдіть до index.html та оновіть шлях до файлу значків. Наприклад,

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

Крім того, перейменуйте файл значків на favicon.ico та замініть його в каталозі.

4. Перезавантажте сервер.
5. Веб-переглядач із оновленням, і ви готові йти.