Jak wymusić odświeżenie favicon?

Mam aplikację Grails uruchomioną lokalnie za pomocą własnego tomcata i właśnie zmieniłem favicon na nowy. Problem polega na tym, że nie widzę go w żadnej przeglądarce. Pojawia się stary favicon lub w ogóle go nie otrzymuję, ale nie mój nowy. Nie sądzę, że jest to kwestia Grails per se, bardziej problem z favicons.

Co ma się stać z ulubionymi? Jak mają działać? W przeglądarce mam wiele zakładek, które mają niewłaściwe ikony i nigdy nie wydają się odświeżane. Jak zmusić serwer / przeglądarkę do zaprzestania buforowania? Głupotą wydaje się zawsze buforowanie ich, ponieważ zwykle mają tylko 16 x 16. Dlaczego nie przesłać ich przy każdej wizycie na stronie? To nie jest dokładnie ogromny koszt.

Aby odświeżyć stronę ulubionych, możesz zmusić przeglądarki do pobrania nowej wersji za pomocą tagu link i zapytania w nazwie pliku. Jest to szczególnie przydatne w środowiskach produkcyjnych, aby upewnić się, że użytkownicy otrzymają aktualizację.

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

Ok, po 10 minutach próbowania, łatwy sposób, aby to naprawić, jest zbliżony do linii ptaków

1. Wpisz www.yoursite.com/favicon.ico (lub www.yoursite.com/apple-touch-icon.png itp.)
2. Pchać enter
3. ctrl+f5
4. Uruchom ponownie przeglądarkę (IE, Firefox)

Ta odpowiedź nie została jeszcze podana, więc pomyślałem, że ją opublikuję. Rozejrzałem się po Internecie i nie znalazłem dobrej odpowiedzi na przetestowanie ulubionych w lokalnym rozwoju.

W bieżącej wersji Chrome (na OSX), jeśli wykonasz następujące czynności, otrzymasz natychmiastowe odświeżenie ulubionych:

1. Najedź kursorem na kartę
2. Kliknij prawym przyciskiem myszy
3. Wybierz przeładuj
4. Twój favicon powinien teraz zostać odświeżony

To najłatwiejszy sposób na lokalne odświeżenie favicon.

Zmień nazwę pliku favicon i dodaj nagłówek HTML z nową nazwą, na przykład:

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

Jeśli używasz PHP, możesz również użyć skrótu MD5 z favicon jako ciągu zapytania:

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

W ten sposób Favicon zawsze będzie odświeżany po zmianie.

Jak wskazano w komentarzach, można również użyć daty ostatniej modyfikacji zamiast MD5-Hash, aby osiągnąć to samo i zaoszczędzić trochę na wydajności serwera:

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

Niszcząc plik używany przez przeglądarkę do przechowywania starych ulubionych, możesz wymusić załadowanie nowych.

1. Zamknij przeglądarkę. Upewnij się, że nie działają już procesy przeglądarki (np. Sprawdź Menedżera zadań dla chrome.exelub firefox.exe).
2. Przejdź do miejsca, w którym przeglądarka przechowuje pliki użytkownika:
   • W przypadku Chrome przejdź do katalogu danych Chrome .
   • W przeglądarce Firefox przejdź do folderu profilu Firefox .
3. Usuń pamięć podręczną favicon.
   • W przypadku Chrome usuń FaviconsiFavicons-journal
   • W przeglądarce Firefox usuń favicons.sqlite

To prawie na pewno zadziała. Jeśli nie:

• Możliwość 1: Aktualizacja przeglądarki zmieniła sposób działania pamięci podręcznej favicon. Edytuj tę odpowiedź, dodając nowe instrukcje.
• Możliwość 2: Twój problem z favicon nie ma nic wspólnego z nadmiernym buforowaniem. Zamiast tego może to być problem z ładowaniem zasobów - używając Narzędzi programisty upewnij się, że nowy favicon jest pobierany poprawnie.

W Chrome na Mac OS X można usunąć plik za pomocą pamięci podręcznej favicon

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

Cóż, koszty ogólne są kosztami ogólnymi, ale tak, nie są zbyt duże.

Ponadto przeglądarki są czasami „zachłanne”, jeśli chodzi o pliki w pamięci podręcznej. Możesz wyczyścić pamięć podręczną i / lub ponownie uruchomić przeglądarkę i może zobaczyć zmianę. Jeśli to się nie powiedzie ...

Moje tanie rozwiązanie to:

1. Odwiedź swój plik na http://example.com/favicon.ico w przeglądarce.
2. Usuń plik favicon.ico ze swojego katalogu głównego.
3. Odwiedź ponownie http://example.com/favicon.ico w przeglądarce, sprawdź, czy go brakuje.
4. Prześlij nowy do swojego webroota.
5. Odwiedź stronę http://example.com/favicon.ico ponownie w przeglądarce, sprawdź, czy to nowa.

Jeśli ta sekwencja nie działa, dzieje się coś innego.

W zależności od przeglądarki są obsługiwane inaczej, ale zazwyczaj przechodzę do domyślnej strony witryny i przeprowadzam intensywne odświeżanie. CTRL+ F5, zazwyczaj wymaga aktualizacji.

NA MAC: ⌘+ Shift- Rlub przytrzymaj Ctrli kliknij przycisk przeładowania w przeglądarce.

W przypadku przeglądarki Internet Explorer istnieje inne rozwiązanie:

1. Otwórz przeglądarkę internetową.
2. Kliknij menu> narzędzia> opcje internetowe.
3. Kliknij ogólne> tymczasowe pliki internetowe> przycisk „Ustawienia”.
4. Kliknij przycisk „Przeglądaj pliki”.
5. Znajdź stary plik favicon.ico i usuń go.
6. Uruchom ponownie przeglądarkę (Internet Explorer).

Bardziej niż prawdopodobnie problem z przeglądarką internetową. Będziesz musiał usunąć pamięć podręczną z przeglądarki, zamknąć przeglądarkę i ponownie ją otworzyć. To powinno to naprawić.

Nie wierzę, że twoje ulubione zostaną odświeżone na twoich ulubionych, dopóki nie wrócisz na tę stronę i zakładając, że wcześniej wyczyściłeś pamięć podręczną przeglądarki.

Twoja przeglądarka nie będzie sama wychodzić do Internetu, aby samodzielnie szukać nowego favikonu ... na szczęście.

Spróbuj otworzyć w nowej karcie

Próbowałem wielu powyższych rzeczy (resetowanie pamięci podręcznej, odświeżanie, używanie tagu łącza itp.), Nawet sprawdziłem .htaccessplik i zresetowałem zmienną ExpiresByType.

Ale to w końcu działało dla mnie zarówno w Chrome (25.0.x), jak i Safari (6.0.1):

1. Opróżnianie pamięci podręcznej
2. Twarde powiązanie favicon ze <link>znacznikiem
3. Nawigacja do mysite.com/favicon.ico
4. Otwieranie mysite.comw nowej karcie

(Aż do kroku 3, odświeżanie na tej samej karcie odtwarzało starą ikonę).

W przypadku Chrome na macOS, jeśli nie chcesz usuwać całej bazy danych Chrome favicon, jak sugerowano już tutaj, możesz usunąć tylko sprzeczne ikony:

1. Zamknij Chrome
2. Załaduj bazę danych favicons (używając sqlite tutaj):

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

3. Wyszukaj plik, który powoduje problemy

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

4. Jeśli jesteś zadowolony z wyników:

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

Alternatywnie możesz wyszukać wzór, którego możesz użyć ponownie, aby usunąć wiele wpisów:

3. Wyszukaj wiele plików , które powodują problemy

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

4. I znowu, jeśli jesteś zadowolony z tego, co to zwraca:

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

5. Wpisz .exiti naciśnij return, aby wyjść z sqlite
6. Uruchom ponownie Chrome

Gdy poprosisz o favicon od Google, możesz spojrzeć na nagłówki odpowiedzi.

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

Jeśli umieścisz w odpowiedzi nagłówek „Wygasa:”, przeglądarki klientów ponownie zażądają ikony po tym znaczniku czasu. Podczas aktywnego programowania możesz ustawić znacznik czasu wygaśnięcia na sekundę lub dwie w przyszłości i zawsze go pobierać, chociaż jest to zły plan długoterminowy.

Wersja Chrome: 68.0.3440.106

Uruchom ponownie Chrome (na pasku adresu): chrome://restart

Obsługa ulubionych w Chrome jest błędna - zignoruj ​​tę odpowiedź

Napisałem tę odpowiedź pod wrażeniem, że właśnie tak trzeba odświeżyć ulubione w Google Chrome. Okazuje się jednak, że działa to tylko przez pierwsze pięć minut, dopóki ikona nie zostanie bezpowrotnie utracona podczas synchronizacji historii Chrome .

Oryginalna odpowiedź

Nie musisz wyczyścić pamięci podręcznej, zrestartować przeglądarki ani przepisać kodu HTML - wystarczy zmienić adres URL ikony, raz tak, że przeglądarka będzie zapomnieć poprzednio buforowane ikonę.

Zakładając, że zdefiniowałeś ikonę za pomocą <link>elementów na stronie <head>, możesz to zrobić, uruchamiając ten standardowy liniał JS w konsoli:

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

Bardziej zaawansowane wdrożenie tego, które może to zrobić automatycznie dla użytkowników końcowych w produkcji, patrz freshicon.js .

Niedawno przywróciłem moje zakładki i szukałem sposobu na przywrócenie FavIcons bez odwiedzania każdej strony. Moje poszukiwania doprowadziły mnie do tego wątku.

Dla osób w podobnej sytuacji wystarczy pobrać dodatek FAVICON RELOADER. Po zainstalowaniu znajdziesz polecenie „przeładuj ulubione ikony” w menu rozwijanym BOOKMARKS.

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

Jeśli używasz PHP .., możesz również użyć tej linii.

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

Odświeży twój ulubiony przy każdym ładowaniu strony.

Jeśli chcesz tylko debugować go, aby upewnić się, że się zmienił, możesz po prostu dodać fikcyjny wpis do pliku / etc / hosts i nacisnąć nowy adres URL. Ten favicon nie będzie już buforowany i możesz upewnić się, że nowy działa.

Poza zmianą nazwy favicon, nie ma sposobu, aby zmusić użytkowników do otrzymania nowej kopii

Działa to w Chrome:

• na Macu: usuń plik

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

• w systemie Windows: usuń pliki

  C: \ Users [nazwa użytkownika] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons C: \ Users [nazwa użytkownika] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons-journal

źródło

Jest to obejście problemu z błędem chrome: zmień atrybut rel na arkusz stylów! Zachowaj jednak oryginalny link. Działa jak marzenie:

Wymyśliłem to obejście, ponieważ mamy również wymaganie, aby móc aktualizować strony / kod produkcyjny klienta i nie znalazłem żadnego innego rozwiązania, które działałoby.

Wiem, że to jest naprawdę stare pytanie, ale wciąż aktualne, choć obecnie dotyczy tylko Mozilli. (Nie mam pojęcia, co robi eksplorator, bo nie kodujemy niestandardowych przeglądarek).

Chrome zachowuje się dobrze, jeśli w nagłówku znajduje się tag ikony.

Chociaż Mozilla dobrze zdaje sobie sprawę z tego problemu, jak zwykle, nigdy nie naprawia irytujących drobiazgów. Nawet 6 lat później.

Istnieją dwa sposoby wymuszenia odświeżenia ikony za pomocą Firefoxa.

1. Niech wszyscy klienci odinstalują Firefoksa. Następnie zainstaluj ponownie.

2. Wpisz ręcznie domenę na pasku adresu URL - nie używaj http ani www tylko domeny (mydomain.com).

Zakłada się oczywiście, że twoje rekordy ns obejmują rozpoznawanie tylko dla nazwy domeny.

Prosty,

1: Nie chcę majstrować przy kodach (ps mój kreator stron nie używa kodów, używa przycisku „prześlij plik” i robi to sam)

2: Próbowałem CTRL+ F5i to nie działa dla mnie, więc ...

MAM ROZWIĄZANIE:

IE: Wyczyść całą historię przeglądarki i pliki cookie, przechodząc do ustawień cog O

Chrome: przejdź do menu w prawym górnym rogu poniżej X, które wygląda jak =, a następnie przejdź do ustawień, historii, USUŃ PRZEGLĄDANIE DANYCH i zaznacz wszystkie odpowiednie pola (zrobiłem historię, pliki cookie i opróżniłem catche z początek czasu)

Wystarczy zmienić tę nazwę pliku = 'favicon1.ico'

Oto, w jaki sposób udało mi się to za pomocą po prostu animowanego favicon i FireFox 3.6.13 (wersja beta) Prawdopodobnie będzie działać również w innych wersjach FireFox, daj mi znać, jeśli nie działa. Jest to w zasadzie rozwiązanie artlung, ale także adresujące plik .gif:

1. Otworzyłem za pomocą programu FTP, pobrałem moje pliki favicon.ico ORAZ favicon.gif,
2. następnie usunąłem je z plików mojego serwera.
3. Następnie otworzyłem je w mojej przeglądarce, zgodnie z sugestią artlung: http://mysite.com/favicon.ico AND http://mysite.com/favicon.gif Po załadowaniu tych adresów i wyświetleniu 404 stron błędów („nie znaleziono strony”)
4. Następnie przesłałem oba pliki z powrotem na mój serwer, a PRESTO - właściwe ikony zostały natychmiast wyświetlone.

Upewnij się także, że umieścisz pełny adres URL obrazu, a nie tylko jego ścieżkę względną:

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

I nie:

images/favicon.ico

Jeśli problem będzie występował pomimo wykonania powyższych kroków, spróbuj ponownie uruchomić serwer IIS . Mam nadzieję że to pomoże...

Simon, przypuszczam, że istnieje powód, dla którego żadna inna odpowiedź nie została jak dotąd zaakceptowana. Dlatego wierzę, że tak być problem z Grails - zwłaszcza jeśli używasz „wtyczki zasobów”.

Jeśli twoje wtyczki dostarczają favicon (co - nielogicznie - wiele osób tak robi), mogą zastąpić ten, którego chcesz użyć - pod warunkiem, że twój jest w samej wtyczce.

Jeśli tymczasowe usunięcie favicon ze wszystkich wtyczek rozwiązuje problem, najprawdopodobniej występują następujące problemy:

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

Wykonaj poniższe czynności, aby zmienić ikonę aplikacji:

1. Dodaj swój plik .ico do projektu.
2. Przejdź do angular.json, w którym „projekty” -> „architekt” -> „kompilacja” -> „opcje” -> „zasoby” i tutaj wprowadź wpis dla swojego pliku ikony. Zapoznaj się z istniejącym wpisem favicon.ico, aby dowiedzieć się, jak to zrobić.
3. Przejdź do index.html i zaktualizuj ścieżkę do pliku ikony. Na przykład,

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

Alternatywnie zmień nazwę pliku ikony na favicon.ico i zastąp go w katalogu.

4. Uruchom ponownie serwer.
5. Twarde odświeżanie przeglądarki i gotowe.