Bir sık ​​kullanılan simgesi yenilemeyi nasıl zorlarım?

Kendi tomcat kullanarak yerel olarak çalışan bir Grails uygulaması var ve yeni bir tane için favicon'u değiştirdim. Sorun şu ki herhangi bir tarayıcıda göremiyorum. Eski favicon ortaya çıkıyor ya da hiç favicon almıyorum, ama yeni faviconum yok. Bunun kendi başına bir Grails sorunu olduğunu düşünmüyorum, daha çok favicons ile ilgili bir sorun.

Favicons ile ne olması gerekiyordu? Nasıl çalışırlar? Tarayıcımda yanlış simgelere sahip çok sayıda yer imi var ve hiç yenilenmiyorlar. Sunucuyu / tarayıcıyı önbelleğe almayı nasıl zorlayabilirim? Normalde sadece 16x16 oldukları için onları önbelleğe almak oldukça aptalca görünüyor. Neden sadece sayfayı her ziyaretinizde yüklemiyorsunuz? Tam olarak büyük bir yük değil.

Sitenizin favicon'unu yenilemek için, bağlantı etiketini ve dosya adınızdaki bir sorgu dizesini kullanarak tarayıcıları yeni bir sürüm indirmeye zorlayabilirsiniz. Bu, özellikle kullanıcılarınızın güncellemeyi aldığından emin olmak için üretim ortamlarında yardımcı olur.

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

Tamam, 10 dakika denedikten sonra, düzeltmenin kolay yolu kuşların çizgisine yakın

1. Www.yoursite.com/favicon.ico (veya www.yoursite.com/apple-touch-icon.png vb.)
2. it enter
3. ctrl+f5
4. Tarayıcıyı Yeniden Başlat (IE, Firefox)

Bu cevap henüz verilmemiştir, bu yüzden göndereceğimi düşündüm. Web'in her yerine baktım ve yerel gelişimde favicons'u test etmek için iyi bir cevap bulamadım.

Chrome'un mevcut sürümünde (OSX'te) aşağıdakileri yaparsanız anında favicon yenilemesi alırsınız:

1. Fareyle sekmenin üzerine gelin
2. Sağ tık
3. Yeniden yüklemeyi seçin
4. Sık kullanılan simgeniz yenilenmeli

Bu, favicon'u yerel olarak yenilemek için bulduğum en kolay yol.

Favicon dosyasını yeniden adlandırın ve aşağıdaki gibi yeni adla bir html üstbilgisi ekleyin:

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

PHP kullanıyorsanız, favicon'un MD5-Hash'ini sorgu dizesi olarak da kullanabilirsiniz:

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

Bu şekilde Favicon değiştirildiğinde değiştirilir.

Yorumlarda belirtildiği gibi, aynı şeyi elde etmek ve sunucu performansından biraz tasarruf etmek için MD5-Hash yerine son değiştirilme tarihini de kullanabilirsiniz:

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

Tarayıcınızın eski favorileri depolamak için kullandığı dosyayı yok ederek yenilerini yüklemeye zorlayabilirsiniz.

1. Tarayıcınızı kapatın. Artık çalışan tarayıcı işlemi olmadığından emin olun (örneğin chrome.exeveya için Görev Yöneticisi'ne bakın firefox.exe).
2. Tarayıcınızın kullanıcı dosyalarını depoladığı yere gidin:
   • Chrome için Chrome veri dizinine gidin .
   • Firefox için Firefox profil klasörüne gidin .
3. Sık kullanılan simgesi önbelleğini silin.
   • Chrome için kaldırın FaviconsveFavicons-journal
   • Firefox için kaldırın favicons.sqlite

Bu neredeyse kesinlikle işe yarayacak. Değilse:

• Olasılık 1: Tarayıcınızda yapılan bir güncelleme, favicon önbelleğinin çalışma biçimini değiştirdi. Lütfen bu yanıtı yeni talimatlarla düzenleyin.
• Olasılık 2: Sık kullanılan ikonunuzun aşırı önbellekleme ile bir ilgisi yoktur. Bunun yerine kaynak yükleme sorunu olabilir - Geliştirici Araçları'nı kullanarak yeni favicon'un düzgün indirildiğinden emin olun.

Mac OS X'te Chrome'da favicon önbellek içeren bir dosya kaldırılabilir

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

Havai havai, ama evet, çok büyük değil.

Ayrıca, tarayıcılar bazen önbelleğe alınmış dosyalar hakkında "açgözlü" olurlar. Önbelleği temizleyebilir ve / veya tarayıcınızı yeniden başlatabilirsiniz ve değişikliği görebilirsiniz. Bu başarısız olursa ...

Benim cheapo çözüm:

1. Tarayıcınızda http://example.com/favicon.ico adresindeki dosyanızı ziyaret edin .
2. Web kökünüzden favicon.ico dosyasını silin.
3. Bir tarayıcıda http://example.com/favicon.ico adresini tekrar ziyaret edin , eksik olduğunu doğrulayın.
4. Web kökünüze yeni bir tane yükleyin.
5. Bir tarayıcıda http://example.com/favicon.ico adresini tekrar ziyaret edin , yenisi olduğunu doğrulayın.

Bu sıra işe yaramazsa, başka bir şey oluyor.

Tarayıcıya bağlı olarak farklı işlenirler, ancak genellikle sitenin varsayılan sayfasına gitmeyi ve sert bir yenileme yapmayı bulurum. CTRL+ F5, genellikle güncellemesini sağlar.

MAC'DE: ⌘+ Shift- Rveya basılı tutun Ctrlve tarayıcıdaki yeniden yükle düğmesine tıklayın.

Internet Explorer için başka bir çözüm daha var:

1. Internet explorer'ı açın.
2. Menü> araçlar> internet seçenekleri'ni tıklayın.
3. Genel> geçici internet dosyaları> "ayarlar" düğmesini tıklayın.
4. "Dosyaları görüntüle" düğmesini tıklayın.
5. Eski favicon.ico dosyanızı bulun ve silin.
6. Tarayıcıyı yeniden başlatın (internet explorer).

Büyük olasılıkla bir web tarayıcısı sorunu. Önbelleğinizi tarayıcınızdan silmeniz, tarayıcınızı kapatmanız ve yeniden açmanız gerekir. Bunu düzeltmeli.

Siz bu sayfayı tekrar ziyaret edene ve tarayıcılarınızın önbelleğini daha önce temizlediğinizi varsayarak, favorilerinizin favorilerinizde yenileneceğine inanmıyorum.

Web tarayıcınız kendi başına yeni bir favicon kontrol etmek için internete gitmeyecek ... çok şükür.

Yeni Bir Sekmede Açmayı Deneyin

Yukarıdaki şeylerin çoğunu denedim (önbelleği sıfırlama, yenileme, bağlantı etiketini kullanma vb.), Hatta .htaccess ve ExpiresByType değişkenini sıfırladım.

Ama nihayet hem Chrome (25.0.x) hem de Safari'de (6.0.1) benim için çalıştı:

1. Yıkama önbelleği
2. Favicon'u <link>etiketle sabit bağlama
3. Şuraya git mysite.com/favicon.ico
4. mysite.comYeni bir sekmede açma

(3. adıma kadar aynı sekmede yenileme, eski simgeyi yeniden oluşturmaya devam etti.)

MacOS'taki Chrome için, burada önerildiği gibi Chrome favicon veritabanının tamamını silmek istemiyorsanız, yalnızca çakışan simgeleri silebilirsiniz:

1. Chrome'dan çık
2. Favicons veritabanını yükleyin (burada sqlite kullanarak):

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

3. Sorunlara neden olan dosyayı arayın

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

4. Çıktıdan memnunsanız:

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

Alternatif olarak , birden fazla girişi silmek için yeniden kullanabileceğiniz bir model arayabilirsiniz:

3. Sorunlara neden olan birden fazla dosya arayın

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

4. Ve yine bunun geri döndüğünden memnunsanız:

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

5. Tip .exitve isabet dönüş sqlite çıkmak için
6. Chrome'u yeniden başlat

Favicon'u Google'dan talep ettiğinizde, yanıt başlıklarına göz atabilirsiniz.

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

Yanıtın üzerine "Sona erme tarihi:" başlığı koyarsanız, istemci tarayıcıları bu zaman damgasından sonra simgeyi yeniden ister. Aktif geliştirme yaparken, sona erme zaman damgasını gelecekte bir veya iki saniyeye ayarlayabilir ve her zaman bunu getirmesini sağlayabilirsiniz, ancak bu zayıf bir uzun vadeli plandır.

Chrome Versiyonu: 68.0.3440.106

Chrome'u yeniden başlatmanız (adres çubuğunuzda): chrome://restart

Chrome'un favicon desteği hatalı - bu yanıtı göz ardı edin

Bu cevabı, Google Chrome'da favorileri yenilemek için gerekenlerin bu olduğu izlenimi ile yazdım. Bununla birlikte, bunun simgesi Chrome'un geçmiş senkronizasyonunda geri alınamaz bir şekilde kaybolana kadar sadece ilk beş dakika boyunca işe yaradığı ortaya çıktı .

Orijinal cevap

Önbelleğinizi temizlemeniz, tarayıcınızı yeniden başlatmanız veya HTML'nizi yeniden yazmanız gerekmez ; tarayıcının önceden önbelleğe alınmış simgeyi unutması için simgenin URL'sini bir kez değiştirmeniz yeterlidir .

Simgenizi <link>sayfanızdaki öğelerle tanımladığınızı varsayarsak, bunu konsolda <head>bu standart JS tek astarı çalıştırarak yapabilirsiniz :

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

Bunu, üretimdeki son kullanıcılar için otomatik olarak yapabilen daha gelişmiş bir uygulama için, bkz. Freshicon.js .

Son zamanlarda yer imleriimi geri yükledim ve her sayfayı ziyaret etmeden FavIcons'ı geri yüklemenin bir yolunu arıyordum. Aramam beni bu konuya getirdi.

Benzer bir durumda olanlar için sadece FAVICON RELOADER eklentisini indirin. Kurulduktan sonra, KİTAPLAR açılır menüsünde "sık kullanılan simgeleri yeniden yükle" komutunu bulacaksınız.

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

PHP kullanıyorsanız .. bu satırı da kullanabilirsiniz.

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

Her sayfa yüklemesinde favicon'unuzu yenileyecektir.

Değiştiğinden emin olmak için hata ayıklamak istiyorsanız, / etc / hosts dosyanıza sahte bir giriş ekleyebilir ve yeni URL'yi tıklayabilirsiniz. Bu favicon zaten önbelleğe alınmaz ve yenisinin çalıştığından emin olabilirsiniz.

Favicon'un adını değiştirmeden, kullanıcılarınızı yeni bir kopya almaya zorlamanın bir yolu yoktur.

Chrome için çalışır:

• Mac'te: dosyayı sil

  $ {user.home} / Kütüphane / Uygulama Desteği / Google / Chrome / Varsayılan / Favicons

• Windows'ta: dosyaları sil

  C: \ Kullanıcılar [kullanıcı adı] \ AppData \ Local \ Google \ Chrome \ Kullanıcı Verileri \ Varsayılan \ Favicons C: \ Kullanıcılar [kullanıcı adı] \ AppData \ Local \ Google \ Chrome \ Kullanıcı Verileri \ Default \ Favicons-journal

kaynak

Bu, krom hatası için bir geçici çözümdür: rel niteliğini stil sayfasına değiştirin! Orijinal bağlantıyı yine de saklayın. Tıkır tıkır çalışıyor:

Bu geçici çözümü buldum çünkü müşterinin sitelerini / üretim kodunu güncelleyebilme gereksinimimiz var ve çalışmak için diğer çözümlerden hiçbirini bulamadım.

Bunun gerçekten eski bir soru olduğunu biliyorum, ama yine de geçerli olan bir soru, ancak bu günlerde sadece mozilla için geçerlidir. (Standart olmayan tarayıcılar için kodlamadığımız explorer coz'u ne yaptığına dair hiçbir fikrim yok).

Başlıkta bir simge etiketi varsa Chrome iyi davranır.

Her ne kadar mozilla sorunun farkında olsa da, her zamanki gibi can sıkıcı küçük şeyleri asla düzeltmezler. 6 yıl sonra bile.

Firefox ile bir simge yenilemeyi zorlamanın iki yolu vardır.

1. Tüm müşterilerinize firefox'u kaldırmalarını sağlayın. Ardından yeniden yükleyin.

2. URL çubuğuna yalnızca alan adını manuel olarak yazın; http veya www yalnızca alan adını (alanadim.com) kullanmayın.

Bu, elbette ns kayıtlarınızın yalnızca alan adı için çözünürlük içerdiğini varsayar.

Basit,

1: Kodlarla uğraşmak istemiyorum (ps site oluşturucum kod kullanmıyor, "dosya yükle" düğmesini kullanıyor ve kendisi yapıyor)

2: CTRL+ denedim F5ve benim için çalışmıyor ....

BİR ÇÖZÜMÜM VAR:

IE: Ayarlara gidip tüm tarayıcı geçmişini ve çerezleri temizle O

Chrome: X'in altındaki sağ üst köşedeki a = gibi görünen menüye gidin, ardından ayarlara, geçmişe, TARAMA VERİLERİNİ TEMİZLE'ye gidin ve geçerli olan tüm kutuları işaretleyin (geçmiş, çerezler yaptım ve zamanın başlangıcı)

Sadece bu dosya adını değiştirin = 'favicon1.ico'

İşte basit bir animasyonlu favicon ve FireFox 3.6.13 (beta sürümü) ile bunu nasıl başardım? Temel olarak artlung'un çözümü, ancak .gif dosyasını da ele alıyor:

1. FTP programı ile açtım, favicon.ico VE favicon.gif dosyalarımı indirdim,
2. daha sonra bunları sunucumun dosyalarından SİLDİ.
3. Sonra bunları artlung'un önerdiği gibi tarayıcımda açtım: http://mysite.com/favicon.ico AND http://mysite.com/favicon.gif Bu adresler yüklendikten ve 404 hata sayfası görüntülendikten sonra ("sayfa bulunamadı")
4. Daha sonra her iki dosyayı da sunucuma ve PRESTO'ya geri yükledim - doğru simgeler anında görüntülendi.

Ayrıca, tam resim URL'sini yalnızca göreli yolunu değil, eklediğinizden de emin olun:

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

Ve yok:

images/favicon.ico

Yukarıdaki adımları uygulamanıza rağmen sorun devam ederse IIS Sunucusunu yeniden başlatmayı deneyin . Bu yardımcı olur umarım...

Simon, sanırım diğer cevapların hiçbirinin kabul edilmemesinin bir nedeni var. Böylece bu inanmak olabilir yine de bir Grails sorunu - Özellikle 'Kaynak Eklentisi' kullanıyorsanız.

Eklentileriniz bir favicon sağlarsa (bu - mantıksız olarak - çoğu yapar), sizinki bir eklentide olduğu için kullanmak istediğinizi geçersiz kılabilir.

Favicon'u tüm eklentilerinizden geçici olarak silmek sorunu çözüyorsa, büyük olasılıkla bunu deneyimlersiniz:

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

Uygulama simgesini değiştirmek için lütfen aşağıdaki adımları izleyin:

1. .İco dosyanızı projeye ekleyin.
2. Angular.json adresine gidin ve o "projeler" -> "mimar" -> "yapı" -> "seçenekler" -> "varlıklar" a gidin ve burada simge dosyanız için bir giriş yapın. Nasıl yapılacağını öğrenmek için mevcut favicon.ico girişine bakın.
3. İndex.html dosyasına gidin ve simge dosyasının yolunu güncelleyin. Örneğin,

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

Alternatif olarak, simge dosyanızı favicon.ico ile yeniden adlandırın ve dizinde değiştirin.

4. Sunucuyu yeniden başlatın.
5. Sert yenileme tarayıcı ve gitmek için iyidir.