Bagaimana cara memaksa penyegaran favicon?


1535

Saya memiliki aplikasi Grails yang berjalan secara lokal menggunakan kucing jantannya sendiri dan saya baru saja mengubah favicon untuk yang baru. Masalahnya adalah saya tidak bisa melihatnya di browser apa pun. Favicon lama muncul atau saya tidak mendapatkan favicon sama sekali, tetapi tidak yang baru. Saya tidak berpikir ini adalah masalah Grails per se, lebih merupakan masalah dengan favicons.

Apa yang seharusnya terjadi dengan favicons? Bagaimana mereka seharusnya bekerja? Saya memiliki banyak bookmark di browser saya yang memiliki ikon yang salah dan sepertinya tidak pernah disegarkan. Bagaimana cara saya memaksa server / browser untuk menghentikan caching mereka? Tampaknya konyol untuk selalu men-cache mereka mengingat mereka biasanya hanya 16x16. Mengapa tidak mengunggahnya dengan setiap kunjungan ke halaman? Ini bukan overhead yang besar.


12
Solusi yang diterima dan sangat tinggi BUKAN solusi nyata. Alasan aktual mengapa penyegaran tidak berfungsi dapat ditemukan dalam solusi pertanyaan ini: stackoverflow.com/questions/8616016/... --- cache ikon ada dalam file DB sqlite, terlepas dari cache browser!
Mörre

8
Solusi yang diterima dan sangat tervvotasikan adalah solusi untuk produksi, atau apakah saya harus menulis tutorial untuk pengguna cara menghapus cache favicon mereka ketika kita memperbarui favicon untuk produksi?
Miroslav Saracevic

2
Bukan solusi umum. Bagaimana jika Anda menggunakan lokasi default favicon tanpa menyentuh kode Anda? Yaitu, favicon.icofile di root dokumen Anda.
Sebastian

Jawaban:


2090

Untuk menyegarkan favicon situs Anda, Anda dapat memaksa browser untuk mengunduh versi baru menggunakan tag tautan dan querystring pada nama file Anda. Ini sangat membantu dalam lingkungan produksi untuk memastikan pengguna Anda mendapatkan pembaruan.

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

35
Ini berhasil bagi saya. Saya harus menghapus type="image/x-icon"dari kode saya, bertentangan dengan banyak sumber. Saya menggunakan cap waktu yang dimodifikasi untuk v?=2bagian dari kueri.
Wertisdk

10
Saya telah menemukan bahwa di beberapa browser favicon tidak melakukan update apa pun kecuali saya menghapus histori. Maka itu akan menyimpan favicon baru.
pathfinder

6
Sayangnya Anda memerlukan URL absolut yang sepenuhnya memenuhi syarat untuk IE7 (& IE8?) - lihat jeffcode.blogspot.com.au/2007/12/…
eug

5
setuju dengan komentar di atas, tetapi ini bekerja untuk saya di semua browser saat ini: <link rel = "ikon pintas" href = "/ favicon.ico? v = 2" />
Dave Sumter

31
Masuk akal untuk men-cache favicons karena mereka kadang-kadang mendorong ukuran 2-3 kilobyte. Anda tidak ingin terus mentransfer semua data itu. (ya, sarkasme)
Flat Cat

824

Ok, setelah 10 menit mencoba, cara mudah untuk memperbaikinya dekat dengan garis burung

  1. Ketik www.yoursite.com/favicon.ico (atau www.yoursite.com/apple-touch-icon.png, dll.)
  2. Dorong enter
  3. ctrl+f5
  4. Mulai Ulang Browser (IE, Firefox)

8
Menggunakan metode ini Anda mungkin akan mengatasi caching, tetapi pengguna yang ada tidak bisa. Karenanya, saya menemukan jawaban lain lebih berharga.
Demircan Celebi

3
Perlu dicatat bahwa ini tidak berfungsi di Firefox 33. Jawaban pertama adalah pilihan yang lebih baik.
Brent Wagoner

1
Saya harus menutup alat dev untuk membuat ini berfungsi di Chrome.
tehwalris

1
Saya tidak perlu me-restart browser, tetapi saya harus menavigasi ke situs web saya di tab tanpa devtools terbuka. Untuk beberapa alasan, Ctrl + F5'ing di tab non-devtools melakukannya. Saya dapat Ctrl + F5 semua yang saya inginkan dan menavigasi di internet dan kembali ke situs saya sebanyak yang saya inginkan di tab devtools dan tidak akan pernah memperbarui favicon.
mjohnsonengr

3
Bagian "restart browser" adalah satu-satunya hal yang benar-benar membuatnya bekerja untuk saya. Semua perbaikan lainnya bekerja secara teori, tetapi tidak benar-benar mengubah piksel favicon yang ditampilkan pada tab browser. +1 jawaban ini
b264

262

Jawaban ini belum diberikan jadi saya pikir saya akan mempostingnya. Saya mencari di seluruh web, dan tidak menemukan jawaban yang baik untuk menguji favicons dalam pengembangan lokal.

Dalam versi chrome saat ini (pada OSX) jika Anda melakukan yang berikut ini, Anda akan mendapatkan refresh favicon instan:

  1. Arahkan kursor ke tab
  2. Klik kanan
  3. Pilih memuat ulang
  4. Favicon Anda sekarang harus di-refresh

Ini adalah cara termudah yang saya temukan untuk menyegarkan favicon secara lokal.


1
Sayangnya ini tidak berfungsi di IE atau bahkan Chrome di Windows sehingga tampaknya Anda harus pergi dengan jawaban yang diterima kecuali Anda hanya menggunakan Chrome di OSX.
Christopher King

3
Bekerja di OS X Sierra dengan Chrome 53.0.2785.143 (64-bit)
Seno

1
berfungsi untuk saya: Chrome 58.0.3029.110, Windows 10, localhost
R Brill

1
Bekerja pada Chrome 63.0.3239.84 untuk Windows 10!
beawolf

4
Bekerja di Chrome 67.0 pada OSX. Aneh itu tidak bekerja dengan CMD+ Shift+R
cephei_vv

56

Ganti nama file favicon dan tambahkan header html dengan nama baru, seperti:

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

4
Saya akan menganggap browser dapat melihat apakah nama favicon sama. Jika itu tidak akan meminta unduhannya lagi dan akan menggunakan yang sudah di-cache, tetapi jika Anda mengubah nama itu akan menganggap itu telah berubah sehingga meminta dari server.
Bojan Kogoj

Saya punya masalah dengan IE8. Itu tidak menggunakan favicon.ico ditempatkan di subfolder. Menambahkan rel-atribut 'shortcut' memperbaikinya.
tienbuiDE

3
Itu sama sekali tidak menyegarkan, itu mengubahnya menjadi yang baru sepenuhnya.
Zac

harap dicatat bahwa Anda juga harus mengganti nama favicon.ico Anda yang sebenarnya (itu akan ada di folder build Anda atau direktori tempat webapp dilayani)
Rahil Ahmad

55

Jika Anda menggunakan PHP, Anda juga bisa menggunakan MD5-Hash dari favicon sebagai string-query:

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

Dengan cara ini Favicon akan selalu menyegarkan saat telah diubah.

Seperti yang ditunjukkan dalam komentar, Anda juga dapat menggunakan tanggal modifikasi terakhir alih-alih MD5-Hash untuk mencapai hal yang sama dan menyimpan sedikit kinerja server:

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

2
Bagus, ini menghindari kebutuhan untuk mengubah href setiap kali saya memperbarui favicon, jawaban ini seharusnya memiliki lebih banyak suara!
Sven van den Boogaart

44
Masalah dengan jawaban ini adalah bahwa Anda menghitung hash pada setiap permintaan, dan itu adalah sesuatu yang tidak perlu dan mungkin merusak kinerja situs (jika banyak pengguna).
Diego Jancic

1
Ini bukan masalah besar dalam kedua pengertian ... favicon hanya beberapa kilobyte ... Maksudku, itu tidak akan mengurangi tekanan pada server daripada harus server favicon setiap kali ...
Philippe Gilbert

14
Saya masih tidak melihat alasan nyata untuk menghitung MD5. Lebih mudah dan sama efektifnya dengan menggunakan tanggal modifikasi file terakhir. Saya tidak melihat keuntungan menggunakan MD5 dibandingkan cap yang dimodifikasi terakhir.
NickG

9
Seberapa sering Anda benar-benar memperbarui favicon Anda? Ini sepertinya berlebihan. Cukup gunakan string kueri manual saat Anda membuat ikon baru.
nol-dan-satu

51

Dengan menghancurkan file yang digunakan browser Anda untuk menyimpan favicon lama, Anda dapat memaksa yang baru untuk dimuat.

  1. Tutup browser Anda. Pastikan tidak ada lagi proses browser yang berjalan (mis. Periksa Task Manager untukchrome.exe ataufirefox.exe ).
  2. Navigasikan ke tempat browser Anda menyimpan file pengguna:
  3. Hapus cache favicon.
    • Untuk Chrome, hapus Favicons danFavicons-journal
    • Untuk Firefox, hapus favicons.sqlite

Ini hampir pasti akan berhasil. Jika tidak:

  • Kemungkinan 1: Pembaruan untuk browser Anda telah mengubah cara kerja cache favicon. Harap edit jawaban ini dengan instruksi baru.
  • Kemungkinan 2: Masalah favicon Anda tidak ada hubungannya dengan caching yang terlalu agresif. Ini mungkin bukan masalah pemuatan sumber daya - menggunakan Alat Pengembang, pastikan favicon baru mengunduh dengan benar.

Ini berhasil. Bagi saya, ini adalah masalah favicon aplikasi Google Chrome. Bukan masalah favicon DOM.
klewis

2
Ini adalah jawaban yang bagus yang memenuhi kebutuhan saya untuk pengujian. Tidak ada satu jawaban nyata untuk pertanyaan ini karena itu tergantung pada siapa yang perlu menyegarkannya dan apa yang mereka bersedia dan mampu lakukan secara wajar.
Dovev Hefetz

1
Hanya sedikit perbaikan: jalur yang sama untuk nama pengguna mana pun%appData%/../Local/Google/Chrome/User Data/Default
josemmo

3
Solusi yang lebih mudah di Chrome adalah klik kanan dan pilih Inspect (atau CTRL + SHIFT + I), lalu klik dan tahan tombol refresh. Menu akan muncul dengan opsi untuk Refresh, Hard Reload, atau Empty Cache dan Hard Reload. Biasanya Hard Reload akan melakukannya, tetapi jika keras kepala karena suatu alasan, Empty Cache dan Hard Reload pasti akan melakukannya.
felwithe

1
Di Linux Anda dapat menemukan file-file ini di:~/.config/google-chrome/Default
Arnold Schrijver

29

Di Chrome di Mac OS X seseorang dapat menghapus file dengan favicon cache

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

1
Solusi ini berhasil untuk saya. Untuk beberapa alasan, itu tidak menyegarkan favicon dengan metode yang disebutkan di atas dengan suara yang jauh lebih banyak. Jadi terima kasih, Maxim Mazin. Saya hanya ingin menyingkirkan favicon lama yang saya tahu tidak ada lagi di host baru saya.
tsaulic

2
Pendekatan ini juga bekerja untuk saya di Windows, di mana saya telah menghapus favicon dari aplikasi saya, tetapi chrome masih menunjukkannya. Tutup Chrome, hapus "C: \ Users \ {user} \ AppData \ Local \ Google \ Chrome \ Data Pengguna \ Default \ Favicons", lalu restart Chome. Favicon lama yang tidak diinginkan hilang.
skomisa

2
Saya tidak punya apa-apa di bawah "Default" tetapi akhirnya saya menemukan variasi ini:${user.home}/Library/Application Support/Google/Chrome/Profile 1/Favicons
mdahlman

@ mdahlman Awalnya ini tidak berhasil untuk saya setelah mencoba semua metode lain. Namun saya dapat yang ini berfungsi setelah cmd+qmasuk ke chrome, pergi ke menu bar, berhenti dari chrome lagi dan menunggu 2 menit untuk membuka browser dan kembali ke situs saya.
PrimeTimeTran

17

Nah, overhead adalah overhead, tapi ya, tidak terlalu besar.

Juga, browser terkadang "rakus" tentang file yang di-cache. Anda dapat menghapus cache dan / atau me-restart browser Anda dan mungkin melihat perubahannya. Jika itu gagal ...

Solusi murahan saya adalah:

  1. Kunjungi file Anda di http://example.com/favicon.ico di browser Anda.
  2. Hapus favicon.ico dari webroot Anda.
  3. Kunjungi http://example.com/favicon.ico lagi di peramban, pastikan tidak ada.
  4. Unggah yang baru ke akar web Anda.
  5. Kunjungi http://example.com/favicon.ico lagi di peramban, verifikasi yang baru.

Jika urutan itu tidak berhasil, maka sesuatu yang lain sedang terjadi.


7
Ini berhasil bagi saya, tetapi sayangnya kami tidak dapat meminta setiap pengunjung untuk melakukan ini.
talentmrjones

3
Kunjungi example.com/favicon.ico dan tekan Ctrl + F5 / Ctrl + Shift + R beberapa kali berhasil untuk saya :) Terima kasih atas idenya!
Alfonso Nishikawa

17

Tergantung pada browser mereka ditangani secara berbeda, tetapi biasanya saya menemukan bahwa pergi ke halaman default situs, dan melakukan penyegaran keras. CTRL+ F5, biasanya akan memperbaruinya.


Pengguna Mac: CMD SHIFT 5
Gianfranco Fertino

13

ON MAC: + Shift- Ratau tahan Ctrldan klik tombol muat ulang di browser.


2
Ini tidak memaksa memuat ulang favicons.
Shammoo

1
Ini memang memuat ulang favicon saya / memperbaiki masalah
rgareth

Bekerja untuk ubuntu 16.04
uneet7

10

Untuk Internet Explorer, ada solusi lain:

  1. Buka penjelajah internet.
  2. Klik menu> alat> opsi internet.
  3. Klik umum> file internet sementara> tombol "pengaturan".
  4. Klik tombol "lihat file".
  5. Temukan file favicon.ico lama Anda dan hapus.
  6. Mulai ulang browser (penjelajah internet).

9

Kemungkinan besar masalah browser web. Anda harus menghapus cache dari browser Anda, tutup browser Anda dan buka kembali. Itu harus memperbaikinya.

Saya tidak yakin favicons Anda akan di-refresh pada favorit Anda sampai Anda mengunjungi kembali halaman itu, dan dengan asumsi bahwa Anda sebelumnya telah membersihkan cache browser Anda.

Browser web Anda tidak akan pergi ke internet untuk memeriksa favicon baru sendiri ... terima kasih Tuhan.


3
"Browser web Anda tidak akan pergi ke internet untuk memeriksa favicon baru sendiri ... syukurlah." Kenapa tidak? Mengapa tidak menyegarkannya setiap kali memuat halaman? Ini gambar 2k, yaitu kacang. Seharusnya tidak pernah ketinggalan zaman. Gagasan caching keseluruhan konyol dalam skema besar hal.
Simon

5
developer.yahoo.com/performance/rules.html menyebutkan masalah terkait dengan mengunduh favicon.ico yang mungkin tidak Anda pikirkan. Kiat bagus ada di sekitar. Caching adalah alat yang berharga untuk memastikan situs Anda berjalan secepat mungkin. Caching juga berguna untuk membuat peramban Anda terasa secepat mungkin.
artlung

6
@Simon, caching itu konyol?!? Saya harap klien Anda tahu bahwa Anda telah mempelajari pentingnya pengembangan web yang lebih baik sejak 2010. Apa yang "konyol" BUKAN caching dan membuat permintaan yang tidak perlu ke server Anda untuk jumlah apa yang menjadi file statis yang jarang, jika pernah, berubah.
Ed DeGagne

8

Coba Buka di Tab Baru

Saya mencoba banyak hal di atas (mengatur ulang cache, menyegarkan, menggunakan tag tautan, dll), saya bahkan memeriksa .htaccessfile saya dan mereset variabel ExpiresByType.

Tapi inilah yang akhirnya berhasil bagi saya di Chrome (25.0.x) dan Safari (6.0.1):

  1. Cushing pembilasan
  2. Menghubungkan favicon dengan <link>tag dengan keras
  3. Menavigasi ke mysite.com/favicon.ico
  4. Membuka mysite.comdi tab baru

(Hingga langkah 3, menyegarkan di tab yang sama terus mereproduksi ikon lama.)


8

Untuk Chrome di macOS, jika Anda tidak ingin menghapus seluruh basis data Chrome favicon seperti yang disarankan di sini, Anda hanya dapat menghapus ikon yang bertentangan:

  1. Keluar dari Chrome
  2. Muat basis data favicons (menggunakan sqlite di sini):

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

  1. Cari file yang menyebabkan masalah

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

  1. Jika Anda senang dengan hasilnya:

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


Atau , Anda dapat mencari pola yang dapat Anda gunakan kembali untuk menghapus banyak entri:


  1. Cari beberapa file yang menyebabkan masalah

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

  1. Dan lagi jika Anda senang dengan hasil ini:

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


  1. Ketik .exitdan tekan kembali untuk keluar dari sqlite
  2. Mulai ulang Chrome

6

Saat Anda meminta favicon dari Google, Anda dapat melihat tajuk respons.

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

Jika Anda menempatkan tajuk "Kedaluwarsa:" pada respons, browser klien akan meminta kembali ikon setelah cap waktu itu. Saat melakukan pengembangan aktif, Anda dapat mengatur cap waktu kedaluwarsa menjadi satu atau dua detik di masa mendatang, dan selalu mengambilnya, meskipun itu adalah rencana jangka panjang yang buruk.


2
Itu juga hanya berfungsi secara pre-emptive, yang mengalahkan tujuan pertanyaan.
ANeves

6

Versi Chrome: 68.0.3440.106

Mulai ulang Chrome (di bilah alamat Anda): chrome://restart


5

Dukungan favicon Chrome bermasalah - abaikan jawaban ini

Saya menulis jawaban ini dengan kesan bahwa inilah yang diperlukan untuk menyegarkan favicon di Google Chrome. Namun, ternyata ini hanya berfungsi selama lima menit pertama atau lebih, hingga ikon hilang dalam sinkronisasi riwayat Chrome .

Jawaban asli

Anda tidak perlu menghapus cache, memulai kembali browser Anda, atau menulis ulang HTML - Anda hanya perlu mengubah URL ikon, satu kali , sehingga browser akan melupakan ikon yang sebelumnya di-cache.

Dengan asumsi bahwa Anda telah menetapkan ikon Anda melalui <link>elemen-elemen di halaman <head>Anda, Anda dapat melakukannya dengan menjalankan standar-JS satu-liner di konsol:

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

Untuk implementasi yang lebih maju dari ini yang dapat secara otomatis melakukan ini untuk pengguna akhir dalam produksi, lihat freshicon.js .


Ini sebenarnya berguna jika Anda mencoba untuk menyingkirkan ikon cache di server yang tidak Anda kontrol, di mana ikon tersebut hilang / mengembalikan kode http non-200. Alih-alih menambahkan ?v=2menukar seluruh URL untuk ikon pilihan Anda dan tampaknya bertahan setelah menyegarkan
Paul S.

4

Saya baru-baru ini memulihkan bookmark saya dan sedang mencari cara untuk mengembalikan FavIcons tanpa mengunjungi setiap halaman. Pencarian saya membawa saya ke utas ini.

Bagi mereka yang berada dalam keadaan yang serupa, cukup unduh addon FAVICON RELOADER. Setelah terinstal, Anda akan menemukan perintah "muat ulang ikon favorit" di menu tarik-turun BOOKMARKS Anda.

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


Itu ada di sana untuk instalasi dan benar-benar terlihat menjanjikan (Anda akan menemukan AddOn dalam menu bookmark) tetapi juga tidak memuat ulang ikon di firefox 34 saya (di linux) tanpa restart
rubo77

4

Jika Anda menggunakan PHP .. maka Anda juga dapat menggunakan baris ini.

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

Ini akan menyegarkan favicon Anda di setiap pemuatan halaman.


2
Itulah masalahnya "Ini akan menyegarkan favicon Anda di setiap pemuatan halaman". Bagaimana dengan caching? Favicon harus di-cache.
machineaddict

Jika Anda ingin men-cache favicon baru Anda .. berikan saja nilai baru seperti .. <link rel = "ikon pintasan" href = " yoursite.com/favicon.ico?v=12345 ">
Shakeel Ahmed

2
favicon.ico? v = <? php echo md5_file ('favicon.ico') seperti yang disarankan oleh Felix Wienberg @machineaddict
Sven van den Boogaart

1
Ini bukan cara yang baik untuk menyelesaikan masalah ini. Menggunakan waktu () akan memaksanya untuk memuat ulang ikon setiap kali. Anda ingin waktu modifikasi terakhir dari file favicon.ico bukan waktu jam dinding saat ini.
NickG

bagaimana jika Anda berputar ke 24 jam terdekat, atau 30 hari terdekat? reset cache bulanan bisa berguna
SwiftNinjaPro

3

Jika Anda hanya tertarik untuk debugging untuk memastikan itu telah berubah, Anda bisa menambahkan entri dummy ke file / etc / hosts Anda dan tekan URL baru. Favicon itu tidak akan di-cache dan Anda dapat memastikan bahwa yang baru berfungsi.

Pendek mengubah nama favicon, tidak ada cara Anda dapat memaksa pengguna Anda untuk mendapatkan salinan baru


2

Ini berfungsi untuk Chrome:

  • di Mac: hapus file

    $ {user.home} / Perpustakaan / Dukungan Aplikasi / Google / Chrome / Default / Favicons

  • di Windows: hapus file

    C: \ Pengguna [nama pengguna] \ AppData \ Lokal \ Google \ Chrome \ Data Pengguna \ Default \ Favicons C: \ Pengguna [nama pengguna] \ AppData \ Lokal \ Google \ Chrome \ Data Pengguna \ Default \ Favicons-jurnal

sumber


1

Ini adalah solusi untuk bug chrome: ubah atribut rel ke stylesheet! Tetap pertahankan tautan aslinya. Bekerja seperti pesona:

Saya menemukan solusi ini karena kami juga memiliki persyaratan untuk dapat memperbarui situs pelanggan / kode produksi dan saya tidak menemukan solusi lain untuk bekerja.


1
Saya benar-benar mencoba setiap saran (coding) solusi di sini & ini adalah satu-satunya yang bekerja untuk saya. Apakah Anda tahu mengapa?
Crystal Miller

1

Saya tahu ini adalah pertanyaan yang sangat lama tetapi juga salah satu yang masih relevan, meskipun hari ini hanya berlaku untuk mozilla. (Saya tidak tahu apa yang explorer lakukan karena kami tidak membuat kode untuk browser non standar).

Chrome berperilaku baik jika ada yang menyertakan tag ikon di header.

Meskipun mozilla sangat menyadari masalah ini, seperti biasa, mereka tidak pernah memperbaiki hal-hal kecil yang mengganggu. Bahkan 6 tahun kemudian.

Jadi, ada dua cara untuk memaksa refresh ikon dengan firefox.

  1. Suruh semua klien Anda menghapus firefox. Kemudian instal ulang.

  2. Ketikkan hanya domain secara manual di bilah url - jangan gunakan http atau www saja domain (mydomain.com).

Tentu saja ini mengasumsikan bahwa catatan Anda menyertakan resolusi untuk nama domain saja.


1

Sederhana,

1: Saya tidak ingin mengutak-atik kode (ps pembangun situs saya tidak menggunakan kode, itu menggunakan tombol "unggah file" dan itu melakukannya sendiri)

2: Saya mencoba tanda CTRL+ F5dan tidak berhasil untuk saya ....

SAYA PUNYA SOLUSI:

IE: Hapus Semua riwayat browser dan cookie dengan masuk ke pengaturan cog O

Chrome: Buka menu di sudut kanan atas di bawah X yang terlihat seperti a =, lalu pergi ke pengaturan, histori, CLEAR BROWSING DATA dan centang semua kotak yang berlaku (saya membuat history, cookie, dan mengosongkan tangkapan dari awal waktu)


4
pertanyaannya berkaitan dengan bagaimana favicon di-cache. Menghapus cache lokal Anda akan memperbaiki masalah untuk Anda tetapi tidak untuk orang lain.
Mark Chorley

@ MarkChorley yang persis tentang pertanyaan aslinya. Caching favicon pada lingkungan pengembangan lokal.
MrUpsidown


0

Inilah cara saya mengelolanya dengan favicon animasi sederhana dan FireFox 3.6.13 (versi beta) Mungkin akan bekerja untuk versi FireFox lainnya juga, beri tahu saya jika tidak. Ini pada dasarnya solusi artlung, tetapi menangani file .gif juga:

  1. Saya dibuka oleh program FTP, mengunduh file favicon.ico DAN favicon.gif saya,
  2. kemudian HAPUS mereka dari file server saya.
  3. Kemudian saya membukanya di browser saya seperti yang disarankan artlung: http://mysite.com/favicon.ico DAN http://mysite.com/favicon.gif Setelah alamat itu dimuat dan ditampilkan 404 halaman kesalahan ("halaman tidak ditemukan")
  4. SAYA KEMUDIAN mengunggah kedua file kembali ke server saya, dan PRESTO - ikon yang benar langsung ditampilkan.

1
Oh - BTW untuk menampilkan yang baru, saya juga harus menghapus bookmark yang saya simpan - dan prosedur yang sama juga berlaku untuk Google Chrome.
lineofbirds

0

Pastikan juga Anda meletakkan URL gambar lengkap bukan hanya jalur relatifnya:

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

Dan tidak:

images/favicon.ico

3
/images/favicon.icoadalah cara yang tepat untuk melakukannya: itu "hanya berfungsi" untuk lingkungan yang berbeda (dev / test / produksi), dan merupakan jalur absolut - dari URL basis dokumen.
ANeves

Sayangnya Anda memerlukan URL yang sepenuhnya memenuhi syarat untuk IE7 (& IE8?) - lihat jeffcode.blogspot.com.au/2007/12/…
eug

2
Ini bukan jawaban, ini komentar.
Zac

0

Jika masalah berlanjut meskipun menerapkan beberapa langkah di atas, coba mulai ulang Server IIS . Semoga ini membantu...


-3

Simon, kurasa ada alasan mengapa tidak ada jawaban lain yang diterima sejauh ini. Jadi saya percaya ini bisa menjadi masalah Grails - Terutama jika Anda menggunakan 'Resources Plugin'.

Jika plugin Anda menyediakan favicon (yang - secara tidak logis - banyak dilakukan), mereka mungkin mengesampingkan yang Anda inginkan - mengingat plugin Anda ada dalam plugin itu sendiri.

Jika menghapus favicon dari semua plugin Anda untuk sementara menyelesaikan masalah maka kemungkinan besar Anda mengalami ini:

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


-3

Ikuti langkah-langkah di bawah ini untuk mengubah ikon aplikasi:

  1. Tambahkan file .ico Anda di proyek.
  2. Buka angular.json dan dalam "proyek" -> "arsitek" -> "bangun" -> "opsi" -> "aset" dan di sini buat entri untuk file ikon Anda. Lihat entri favicon.ico yang ada untuk mengetahui cara melakukannya.
  3. Buka index.html dan perbarui jalur file ikon. Sebagai contoh,

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

Atau, ganti nama file ikon Anda dengan favicon.ico dan ganti di direktori.

  1. Mulai ulang server.
  2. Peramban yang menyegarkan dan Anda siap melakukannya.
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.