ฉันจะบังคับให้รีเฟรช favicon ได้อย่างไร?

ฉันมีแอปพลิเคชั่น Grails ที่ใช้งานในพื้นที่โดยใช้โพงของตัวเองและฉันเพิ่งเปลี่ยน favicon สำหรับแอพใหม่ ปัญหาคือฉันไม่สามารถดูได้ในเบราว์เซอร์ใด ๆ favicon เก่าปรากฏขึ้นหรือฉันไม่ได้รับ favicon เลย แต่ไม่ใช่ของใหม่ ฉันไม่คิดว่านี่เป็นปัญหา Grails ต่อ se ยิ่งมีปัญหากับ favicons มากขึ้น

สิ่งที่ควรจะเกิดขึ้นกับ favicons? พวกเขาควรทำงานอย่างไร ฉันมีบุ๊กมาร์กจำนวนมากในเบราว์เซอร์ที่มีไอคอนผิดและดูเหมือนว่าพวกเขาจะไม่รีเฟรชเลย ฉันจะบังคับให้เซิร์ฟเวอร์ / เบราว์เซอร์หยุดการแคชได้อย่างไร ดูเหมือนว่ามันค่อนข้างโง่ที่จะแคชพวกมันเสมอเพราะโดยปกติแล้วมันจะมีขนาด 16x16 เท่านั้น ทำไมไม่เพียงอัปโหลดพวกเขาทุกครั้งที่ไปที่หน้า? มันไม่ได้เป็นค่าใช้จ่ายมากอย่างแน่นอน

ในการรีเฟรช favicon ของเว็บไซต์ของคุณคุณสามารถบังคับให้เบราว์เซอร์ดาวน์โหลดเวอร์ชันใหม่โดยใช้แท็กลิงก์และการสอบถามชื่อไฟล์ของคุณ สิ่งนี้มีประโยชน์อย่างยิ่งในสภาพแวดล้อมการผลิตเพื่อให้แน่ใจว่าผู้ใช้ของคุณได้รับการอัปเดต

<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)

คำตอบนี้ยังไม่ได้รับดังนั้นฉันคิดว่าฉันโพสต์ไว้ ฉันมองไปรอบ ๆ เว็บและไม่พบคำตอบที่ดีสำหรับการทดสอบ favicons ในการพัฒนาท้องถิ่น

ใน Chrome รุ่นปัจจุบัน (บน OSX) หากคุณทำสิ่งต่อไปนี้คุณจะได้รับการรีเฟรช favicon ทันที:

1. วางเมาส์เหนือแท็บ
2. คลิกขวา
3. เลือกโหลดซ้ำ
4. ขณะนี้ favicon ของคุณควรได้รับการรีเฟรช

นี่เป็นวิธีที่ง่ายที่สุดที่ฉันพบเพื่อรีเฟรช 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') ?>" />

โดยการทำลายไฟล์ที่เบราว์เซอร์ของคุณใช้เพื่อเก็บ favicons เก่าคุณสามารถบังคับให้โหลดไฟล์ใหม่ได้

1. ปิดเบราว์เซอร์ของคุณ ตรวจสอบให้แน่ใจว่าไม่มีเบราว์เซอร์ที่ทำงานอีกต่อไป (เช่นตรวจสอบตัวจัดการงานสำหรับchrome.exeหรือfirefox.exe)
2. นำทางไปยังตำแหน่งที่เบราว์เซอร์ของคุณเก็บไฟล์ผู้ใช้:
   • สำหรับ Chrome ให้ไปที่ไดเรกทอรีข้อมูล Chrome
   • สำหรับ Firefox ไปที่โฟลเดอร์โปรไฟล์ของ Firefox
3. ลบแคช favicon
   • สำหรับ Chrome ให้ลบFaviconsและFavicons-journal
   • สำหรับ Firefox ลบ favicons.sqlite

มันจะใช้งานได้อย่างแน่นอน ถ้าไม่:

• ความเป็นไปได้ที่ 1: การอัพเดตในเบราว์เซอร์ของคุณเปลี่ยนวิธีการทำงานของแคช favicon โปรดแก้ไขคำตอบนี้ด้วยคำแนะนำใหม่
• ความเป็นไปได้ที่ 2: ปัญหา favicon ของคุณไม่มีส่วนเกี่ยวข้องกับการแคชมากเกินไป อาจเป็นปัญหาในการโหลดทรัพยากร - โดยใช้เครื่องมือสำหรับนักพัฒนาตรวจสอบให้แน่ใจว่า favicon ใหม่ดาวน์โหลดอย่างถูกต้อง

ใน Chrome บน Mac OS X สามารถลบไฟล์ด้วย favicon cache

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

ค่าใช้จ่ายอยู่ที่ค่าใช้จ่าย แต่ใช่ไม่ใหญ่เกินไป

นอกจากนี้เบราว์เซอร์บางครั้งก็ "โลภ" เกี่ยวกับไฟล์แคช คุณสามารถล้างแคชและ / หรือรีสตาร์ทเบราว์เซอร์ของคุณและอาจเห็นการเปลี่ยนแปลง หากล้มเหลว ...

โซลูชัน cheapo ของฉันคือ:

1. เยี่ยมชมไฟล์ของคุณที่http://example.com/favicon.icoในเบราว์เซอร์ของคุณ
2. ลบ favicon.ico จาก webroot ของคุณ
3. ไปที่http://example.com/favicon.icoอีกครั้งในเบราว์เซอร์ตรวจสอบว่าไม่มีข้อมูล
4. อัปโหลดใหม่ไปยัง webroot ของคุณ
5. เยี่ยมชมhttp://example.com/favicon.icoอีกครั้งในเบราว์เซอร์ตรวจสอบว่าเป็นเบราว์เซอร์ใหม่

หากลำดับนั้นใช้ไม่ได้แสดงว่ามีสิ่งอื่นเกิดขึ้น

ขึ้นอยู่กับเบราว์เซอร์ที่จัดการแตกต่างกันไป แต่โดยทั่วไปแล้วฉันพบว่าการไปที่หน้าเริ่มต้นของไซต์และทำการรีเฟรชอย่างหนัก CTRL+ F5, โดยทั่วไปจะได้รับการอัปเดต

บน MAC: ⌘+ Shift- Rหรือกดค้างไว้Ctrlแล้วคลิกปุ่มโหลดซ้ำในเบราว์เซอร์

สำหรับ Internet Explorer มีวิธีแก้ไขปัญหาอื่น:

1. เปิด internet explorer
2. คลิกเมนู> เครื่องมือ> ตัวเลือกอินเทอร์เน็ต
3. คลิกทั่วไป> ไฟล์อินเทอร์เน็ตชั่วคราว> ปุ่ม "ตั้งค่า"
4. คลิกปุ่ม "ดูไฟล์"
5. ค้นหาไฟล์ favicon.ico เก่าของคุณและลบทิ้ง
6. รีสตาร์ทเบราว์เซอร์ (Internet Explorer)

เป็นไปได้ว่าปัญหาของเว็บเบราว์เซอร์ คุณจะต้องลบแคชของคุณจากเบราว์เซอร์ปิดเบราว์เซอร์และเปิดใหม่ ที่ควรแก้ไข

ฉันไม่เชื่อว่า favicons ของคุณจะได้รับการรีเฟรชในรายการโปรดของคุณจนกว่าคุณจะกลับไปที่หน้านั้นและสมมติว่าคุณได้ล้างแคชเบราว์เซอร์ของคุณไปแล้ว

เว็บเบราว์เซอร์ของคุณจะไม่ออกไปที่อินเทอร์เน็ตเพื่อตรวจสอบ favicon ใหม่ด้วยตัวเอง ... ขอบคุณพระเจ้า

ลองเปิดในแท็บใหม่

ฉันลองหลายสิ่งข้างต้น (การรีเซ็ตแคชการรีเฟรชโดยใช้ลิงก์แท็ก ฯลฯ ) ฉันตรวจสอบ.htaccessไฟล์ของฉันและรีเซ็ตตัวแปร ExpiresByType

แต่นี่คือสิ่งที่ใช้งานได้ในที่สุดทั้งใน Chrome (25.0.x) และ Safari (6.0.1):

1. ล้างแคช
2. การเชื่อมโยง favicon กับ<link>แท็กอย่างหนัก
3. การนำทางไปยัง mysite.com/favicon.ico
4. เปิดmysite.comในแท็บใหม่

(จนถึงขั้นตอนที่ 3 การรีเฟรชในแท็บเดียวกันจะทำซ้ำไอคอนเดิม)

สำหรับ Chrome บน macOS หากคุณไม่ต้องการลบฐานข้อมูล favicon ของ 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

เมื่อคุณขอ favicon จาก 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

หากคุณใส่ส่วนหัว "หมดอายุ:" ในการตอบกลับเบราว์เซอร์ไคลเอ็นต์จะขอไอคอนอีกครั้งหลังจากการประทับเวลานั้น ในขณะที่ทำการพัฒนาที่ใช้งานอยู่คุณสามารถตั้งค่าการประทับเวลาหมดอายุเป็นสองหรือสองครั้งในอนาคตและนำมาใช้ได้เสมอแม้ว่าจะเป็นแผนระยะยาวที่ไม่ดีก็ตาม

รุ่น Chrome: 68.0.3440.106

เพิ่งรีสตาร์ท Chrome (ในแถบที่อยู่ของคุณ): chrome://restart

การสนับสนุน favicon ของ Chrome นั้นมีข้อผิดพลาด - ไม่สนใจคำตอบนี้

ฉันเขียนคำตอบนี้ภายใต้ความรู้สึกว่านี่คือสิ่งที่ต้องทำเพื่อฟื้นฟู favicons ใน 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 addon เมื่อติดตั้งแล้วคุณจะพบคำสั่ง "โหลดไอคอนรายการโปรด" ในเมนูแบบเลื่อนลง 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() ?>" />

มันจะรีเฟรช favicon ของคุณในการโหลดแต่ละหน้า

หากคุณสนใจที่จะแก้ไขข้อบกพร่องเพื่อให้แน่ใจว่ามีการเปลี่ยนแปลงคุณสามารถเพิ่มรายการจำลองไปยังไฟล์ / etc / hosts ของคุณและกด URL ใหม่ favicon นั้นคงไม่ได้ถูกแคชไว้แล้วและคุณสามารถมั่นใจได้ว่าคุณใหม่ใช้งานได้

การเปลี่ยนชื่อ favicon ไม่สามารถบังคับให้ผู้ใช้ของคุณได้รับสำเนาใหม่ได้

สิ่งนี้ใช้ได้กับ Chrome:

• บน Mac: ลบไฟล์

  $ {user.home} / การสนับสนุนห้องสมุด / แอปพลิเคชัน / Google / Chrome / ค่าเริ่มต้น / Favicons

• บน Windows: ลบไฟล์

  C: \ Users [ชื่อผู้ใช้] \ AppData \ Local \ Google \ Chrome \ ข้อมูลผู้ใช้ \ Default \ Favicons C: \ Users [ชื่อผู้ใช้] \ AppData \ Local \ Google \ Chrome \ ข้อมูลผู้ใช้ \ Default \ Favicons-journal

แหล่ง

นี่เป็นวิธีแก้ปัญหาสำหรับข้อบกพร่องของ chrome: เปลี่ยนแอตทริบิวต์ rel เป็นสไตล์ชีท! เก็บลิงค์เดิมไว้ ทำงานเหมือนมีเสน่ห์:

ฉันคิดวิธีแก้ปัญหานี้เพราะเรามีข้อกำหนดที่จะสามารถอัปเดตไซต์ / รหัสการผลิตของลูกค้าและฉันไม่พบวิธีแก้ไขปัญหาอื่น ๆ

ฉันรู้ว่านี่เป็นคำถามที่เก่ามาก แต่ก็ยังเป็นคำถามที่ยังคงมีความเกี่ยวข้องแม้ว่าวันนี้จะใช้กับโมซิลล่าเท่านั้น (ฉันไม่รู้ว่า explorer ทำเพราะเราไม่ใช้รหัสสำหรับเบราว์เซอร์ที่ไม่ได้มาตรฐาน)

Chrome ทำงานได้ดีหากมีแท็กไอคอนในส่วนหัว

แม้ว่าโมซิลล่าจะรับรู้ปัญหาเป็นอย่างดี แต่ก็ไม่เคยแก้ไขสิ่งเล็ก ๆ ที่น่ารำคาญ แม้แต่ 6 ปีต่อมา

ดังนั้นมีสองวิธีในการบังคับให้รีเฟรชไอคอนด้วย firefox

1. ให้ลูกค้าของคุณถอนการติดตั้ง firefox ทั้งหมด จากนั้นติดตั้งใหม่

2. พิมพ์เฉพาะโดเมนในแถบ url ด้วยตนเอง - ห้ามใช้ http หรือ www เฉพาะโดเมน (mydomain.com)

สิ่งนี้ถือว่าแน่นอนว่าระเบียน ns ของคุณมีการแก้ไขสำหรับชื่อโดเมนเท่านั้น

ที่เรียบง่าย

1: ฉันไม่ต้องการทำเล่น ๆ ด้วยรหัส (ps ตัวสร้างไซต์ของฉันไม่ได้ใช้รหัสมันใช้ปุ่ม "อัปโหลดไฟล์" และทำเอง)

2: ฉันลองCTRL+ F5และมันไม่ได้ผลสำหรับฉันดังนั้น ....

ฉันมีทางออก:

IE: ล้างประวัติเบราว์เซอร์และคุกกี้ทั้งหมดโดยไปที่การตั้งค่าฟันเฟือง O

Chrome: ไปที่เมนูที่มุมบนขวาด้านล่าง X ซึ่งมีลักษณะเป็น a = จากนั้นไปที่การตั้งค่าประวัติล้างข้อมูลการเรียกดูและเลือกช่องทั้งหมดที่ใช้ (ฉันทำประวัติคุกกี้และล้าง catche จาก เวลาเริ่มต้น)

เพียงเปลี่ยนชื่อไฟล์นี้ = '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 - โดยเฉพาะอย่างยิ่งหากคุณใช้ 'ปลั๊กอินทรัพยากร'

หากปลั๊กอินของคุณมี favicon (ซึ่ง - ไร้เหตุผล - หลายอย่าง) ปลั๊กอินเหล่านั้นอาจแทนที่ปลั๊กอินที่คุณต้องการใช้เนื่องจากปลั๊กอินของคุณอยู่ในปลั๊กอิน

หากการลบ favicon จากปลั๊กอินทั้งหมดของคุณเป็นการชั่วคราวแก้ปัญหาแล้วคุณน่าจะประสบกับสิ่งนี้:

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. รีเฟรชเบราว์เซอร์อย่างหนักและคุณพร้อมแล้วที่จะไป