ผู้ใช้บางคนเผชิญปัญหาแปลกๆ บน Mozilla Firefox ที่พวกเขาเห็น favicon ผิดสำหรับแต่ละไซต์ที่พวกเขาได้บุ๊กมาร์กไว้ ตัวอย่างเช่น แทนที่จะแสดงไอคอน Reddit สำหรับเธรด Reddit ที่บุ๊กมาร์ก เบราว์เซอร์แสดง favicon YouTube (หรืออย่างอื่น) ปัญหานี้ดูไม่เกี่ยวข้องกับเวอร์ชัน Windows เฉพาะเจาะจง เนื่องจากมีรายงานว่าพบบน Windows 7, Windows 8 และ Windows 10
อะไรเป็นสาเหตุของปัญหา favicons บน Firefox?
เราสืบสวนปัญหานี้โดยดูรายงานผู้ใช้ต่างๆ และกลยุทธ์ซ่อมแซมที่ใช้กันทั่วไปในการแก้ไขปัญหานี้บนคอมพิวเตอร์ Windows ได้ที่ทราบว่า มีหลายเหตุผลที่แตกต่างกันที่ทำให้ปัญหานี้เกิดขึ้น:
- Favicons ถูกแฮ็กโดยแอดออน (add-on) – มีแอดออนหลายตัวที่รู้จักกันดีในการแฮ็ก favicons และแสดงไอคอนอื่นแทน มักรายงานโดยผู้ใช้ที่ได้รับผลกระทบคือ Snooze Tabs ในกรณีนี้ วิธีที่เร็วที่สุดในการจัดการปัญหาคือลบแอดออนและลบไฟล์ favicons.sqlite
- เวอร์ชัน Firefox ล้าสมัย – ปัญหานี้ส่วนใหญ่เกิดจากบั๊กที่คงอยู่ ซึ่งนักพัฒนาได้แก้ไขบางส่วนแล้วด้วย build 58 การอัปเดตเป็นเวอร์ชันล่าสุดควรจะทำให้คุณไม่พบปัญหานี้ในอนาคต แต่ถ้า favicons ของคุณเสียแล้ว คุณจะต้องทำตามวิธีซ่อมแซมอื่นๆ เพื่อซ่อมแซมพวกมัน
- ไฟล์ favicons ของ Firefox (favicons.sqlite) เสียหาย – ทุกครั้งที่ favicons ของ Firefox ของคุณเสียหาย ปัญหาจริงๆ สามารถตรวจสอบย้อนกลับไปที่ไฟล์ที่จัดการ favicons ทั้งหมดภายในเบราว์เซอร์ ด้วยการลบไฟล์ favicons.sqlite คุณสามารถบังคับให้เบราว์เซอร์สร้างไฟล์ใหม่จากศูนย์ บังคับให้ favicons ทั้งหมดรีเซ็ต
- เนื้อหาแคชเว็บ (Web cached content) เสียหาย – ในบางกรณี Firefox อาจจบลงด้วยการแคชเวอร์ชันเก่าของ favicon และยึดมันไว้ ไม่ว่าจะถูกแทนที่ด้วยเวอร์ชันใหม่แล้ว ในกรณีนี้ คุณสามารถล้างแคชเว็บของคุณเพื่อบังคับให้เบราว์เซอร์อัปเดตพวกมันอีกครั้ง หรือคุณสามารถทำได้จาก Browser console
วิธีที่ 1: อัปเดต Firefox เป็นเวอร์ชันล่าสุด
ปัญหานี้เกือบเก่าเท่าเบราว์เซอร์เอง Firefox ได้เผยแพร่อัปเดตหลายครั้งที่รวมฮอตฟิกซ์ (hotfix) สำหรับปัญหานี้ แต่บางผู้ใช้ยังคงพบมันบนบิลด์ล่าสุด อย่างไรก็ตาม เนื่องจากปัญหาได้รับการแก้ไข จุดเริ่มต้นของคุณควรเป็นการตรวจสอบให้แน่ใจว่าคุณใช้ Firefox build ล่าสุด เริ่มต้นจาก build 58 นักพัฒนาได้ประกาศว่าพวกเขาได้แพทช์ (patched) กรณีส่วนใหญ่ที่ทราบว่าก่อให้เกิดปัญหานี้
แม้วิธีนี้จะไม่จำเป็นต้องแก้ไขปัญหาหาก favicons ของคุณเสียแล้ว มันจะทำให้แน่ใจว่ามันจะไม่เกิดขึ้นอีกในอนาคต นี่คือคู่มือด่วนเกี่ยวกับการอัปเดต Firefox เป็นเวอร์ชันล่าสุด:
- เปิด Firefox และคลิกปุ่ม action (การกระทำ) ที่มุมขวาบน
- จากเมนูที่ปรากฏใหม่ คลิกที่ Help (ช่วยเหลือ) และเลือก About Firefox (เกี่ยวกับ Firefox)
- ภายในหน้าต่างถัดไป ให้รอจนกว่าการอัปเดตจะดาวน์โหลดเสร็จ แล้วคลิกที่ Restart to update Firefox (รีสตาร์ทเพื่ออัปเดต Firefox) เพื่อเริ่มกระบวนการอัปเดต
- เมื่อกระบวนการอัปเดตเสร็จสิ้น ให้รีสตาร์ทคอมพิวเตอร์ของคุณ และดูว่าปัญหาได้รับการแก้ไขหรือไม่
หากเบราว์เซอร์ Firefox ของคุณอัปเดตเป็นเวอร์ชันล่าสุดแล้ว หรือวิธีนี้ไม่ได้แก้ไข favicons ที่เสียของคุณ ให้ไปต่อที่วิธีถัดไปด้านล่าง
วิธีที่ 2: เพิ่ม ‘/’ ไปหลังลิงก์
นี่อาจดูเหมือนวิธีแก้ไขที่โง่ แต่ผู้ใช้ที่ได้รับผลกระทบหลายคนรายงานว่าการเพียงแค่เพิ่ม / (اسلش) ที่ท้าย URL ก่อนเข้าเยี่ยมชม จบปัญหาสำหรับพวกเขา อย่างไรก็ตาม บางผู้ใช้รายงานว่าวิธีแก้ไขนี้เป็นเพียงชั่วคราว เนื่องจากปัญหากลับมาอีกหลายวันต่อมา
สมมติว่า favicon ที่เป็นของ www.google.com/ เสียหาย เพื่อแก้ไข ให้พิมพ์ www.google.com// ในแถบนำทาง และกด Enter เพื่อรีเฟรชไอคอน ไอคอนควรจะถูกแทนที่ทันทีที่เว็บไซต์โหลด
หากปัญหานี้ไม่มีประสิทธิภาพ หรือคุณมองหาวิธีแก้ไขถาวร ให้ไปต่อที่วิธีถัดไปด้านล่าง
วิธีที่ 3: ลบไฟล์ favicons.sqlite
วิธีแก้ไขที่เร็วที่สุดและมีประสิทธิภาพที่สุดซึ่งจะแก้ไขปัญหาในส่วนใหญ่ของกรณี คือการไปที่โฟลเดอร์ AppData ของ Firefox ค้นหาโฟลเดอร์โปรไฟล์ของคุณ และลบไฟล์ชื่อ favicons.sqlite ขณะที่ Firefox ปิดอยู่
กระบวนการนี้จะบังคับให้ Firefox สร้างไฟล์ favicon .sqlite ใหม่ที่การเริ่มต้นเบราว์เซอร์ครั้งถัดไป แต่โปรดทราบว่าหลังจากดำเนินการเสร็จสิ้น บุ๊กมาร์กทั้งหมดของคุณจะมี favicon แบบทั่วไป (generic) เฉพาะหลังจากที่คุณเข้าชมบุ๊กมาร์ก ไอคอนจึงจะอัปเดตเป็น favicon ของไซต์นั้น
นี่คือคู่มือด่วนเกี่ยวกับการแก้ไขปัญหาด้วยการลบไฟล์ favicons.sqlite:
- ให้แน่ใจว่า Firefox และแอดอินที่เกี่ยวข้องปิดอยู่สมบูรณ์
- ใช้ File Explorer ไปที่ตำแหน่งต่อไปนี้:
C:\Users\*YourUser*\AppData\Local\Mozilla\Firefox\Profiles\*YourProfile*
หมายเหตุ: โปรดทราบว่า *YourUsers* และ *YourProfile* เป็นเพียง placeholder (ตัวแทน) และควรแทนที่ด้วยข้อมูลของคุณเอง นอกจากนี้ โฟลเดอร์ AppData จะถูกซ่อนไว้เป็นค่าเริ่มต้น – หากคุณยังไม่ได้ทำให้โฟลเดอร์ซ่อนมองเห็น – ใช้ริบบอนที่ด้านบนของหน้าต่าง File Explorer คลิกที่ View (มุมมอง) แล้วให้แน่ใจว่ากล่องที่เกี่ยวข้องกับ Hidden Items (รายการซ่อน) ถูกติ๊ก
- เมื่อคุณไปถึงโปรไฟล์ Firefox ของคุณ ให้ใช้ฟังก์ชันค้นหา (มุมขวาบน) เพื่อค้นหา favicons.sqlite
- เมื่อพบไฟล์แล้ว ให้คลิกขวาที่มัน และเลือก Delete (ลบ) เพื่อกำจัดมัน
- หลังจากที่ไฟล์ถูกลบแล้ว ให้เปิด Firefox อีกครั้ง เพื่ออนุญาตให้เบราว์เซอร์สร้างไฟล์ favicon .sqlite ใหม่จากศูนย์
- คุณควรสังเกตได้ว่าบุ๊กมาร์กทั้งหมดมี favicon แบบทั่วไป คุณสามารถแก้ไขได้โดยคลิกที่แต่ละบุ๊กมาร์กอย่างเดี่ยวๆ ทันทีที่เว็บไซต์ถูกเข้าชม คุณจะเห็นว่า favicon ที่ถูกต้องจะถูกวางไว้
หากคุณยังคงเผชิญปัญหาเดียวกัน ให้ไปต่อที่วิธีถัดไปด้านล่าง
วิธีที่ 4: ล้างแคชเว็บ (Clearing web cache)
อีกวิธีหนึ่งในการแก้ปัญหานี้คือการล้างแคชเว็บของ Firefox คล้ายกับวิธีแรก นี่จะบังคับให้มันดาวน์โหลด favicons ใหม่ทั้งหมด ผู้ใช้ที่ได้รับผลกระทบหลายคนรายงานว่าวิธีนี้สุดท้ายช่วยให้พวกเขาแก้ไขปัญหาได้อย่างถาวร
นี่คือคู่มือด่วนเกี่ยวกับวิธีล้างแคชเว็บของ Firefox เพื่อแก้ไขปัญหา favicon:
- ปิดแท็บ Firefox อื่นๆ ทั้งหมด ยกเว้นแท็บใหม่
- คลิกปุ่ม action ที่มุมขวาบนของหน้าจอ แล้วเลือก Options (ตัวเลือก) จากเมนูที่ปรากฏใหม่
- ภายในเมนูการตั้งค่า ให้เลือก Privacy & Security (ความเป็นส่วนตัวและความปลอดภัย) จากตารางด้านซ้าย แล้วเลื่อนลงไปที่เมนู Cookies and Site Data (คุกกี้และข้อมูลไซต์) และคลิกที่ Clear Data (ล้างข้อมูล)
- ภายในเมนู Clear data ให้เอาติ๊กออกจากกล่องที่เกี่ยวข้องกับ Cookies and Site Data และติ๊กที่กล่องถัดจาก Cached Web Content (เนื้อหาเว็บที่แคช)
- กด Clear (ล้าง) เพื่อเริ่มกระบวนการทำความสะอาดข้อมูลเนื้อหาเว็บของคุณ
- รีสตาร์ทเบราว์เซอร์ของคุณ และดูว่าปัญหาได้รับการแก้ไขหรือไม่
หากคุณยังคงเผชิญปัญหานี้ หรือคุณมองหาวิธีปรับแต่ง favicons ของคุณด้วยตนเอง ให้ไปต่อที่วิธีถัดไปด้านล่าง
วิธีที่ 5: บังคับให้ Firefox อัปเดต favicons
หากปัญหาของคุณแตกต่างออกไปนิดหน่อย – Firefox ไม่สามารถอัปเดตโลโก้เว็บไซต์เก่าด้วยเวอร์ชันใหม่ – คุณสามารถบังคับให้เบราว์เซอร์คิดว่า favicons ทั้งหมดของคุณหมดอายุ (expired) และอัปเดตพวกมันโดยอัตโนมัติ ผู้ใช้ที่ได้รับผลกระทบหลายคนรายงานว่าวิธีนี้สุดท้ายช่วยให้พวกเขาแก้ไขปัญหา favicon บน Mozilla Firefox ได้
นี่คือสิ่งที่คุณต้องทำ:
- เปิด Firefox พิมพ์ “about:config” ในแถบนำทาง และกด Enter เพื่อเปิดการตั้งค่าทางทดลอง (experimental settings) ของ Firefox
- เมื่อคุณได้รับพรอมต์เตือน ให้คลิกที่ I accept the risk! (ฉันยอมรับความเสี่ยง)
- ใช้ฟังก์ชันค้นหาเพื่อค้นหา “devtools.chrome.enabled”
- เมื่อพบ preference แล้ว ให้ดับเบิลคลิกที่ devtools.chrome.enabled เพื่อเปลี่ยนค่าของมันเป็น true
- ออกจาก Advanced Settings (การตั้งค่าขั้นสูง) ของ Firefox และคลิกปุ่ม action ที่ส่วนขวาบนของหน้าจอ จากนั้น เข้าถึงเมนู Web Developer (นักพัฒนาเว็บ) แล้วคลิกที่ Browser Console (คอนโซลเบราว์เซอร์)
- ภายในคอนโซลเบราว์เซอร์ที่ปรากฏใหม่ ให้วางโค้ดต่อไปนี้ และกด Enter เพื่อลงทะเบียน:
var fS = Components.classes["@mozilla.org/browser/favicon-service;1"] .getService(Components.interfaces.nsIFaviconService); fS.expireAllFavicons();
หมายเหตุ: คุณจะได้ข้อผิดพลาด แต่มันเป็นเรื่องปกติ อย่าตกใจ ขั้นตอนที่เราทำจะบังคับให้ favicons ทั้งหมดหมดอายุ
- เข้าชมบุ๊กมาร์กที่ล้มเหลวในการอัปเดตกับเวอร์ชันใหม่ก่อนหน้านี้ ปัญหาควรจะได้รับการแก้ไขตอนนี้ และคุณควรจะเห็นไอคอนใหม่ทันทีที่หน้าโหลด
หากวิธีนี้ไม่สำเร็จ หรือคุณมองหาวิธีแก้ไข favicon ของ Firefox ที่ไม่แสดงถูกต้องด้วยตนเอง ให้ไปต่อที่วิธีถัดไปด้านล่าง
วิธีที่ 6: แก้ไข favicons ที่ได้รับผลกระทบด้วยตนเอง
นี่แน่นอนไม่ใช่วิธีแก้ไขที่ดีที่สุดสำหรับผู้ที่ไม่ฉลาดด้านเทคโนโลยี แต่มีวิธีด้วยตนเองที่จะช่วยให้คุณแก้ไข favicons ที่เสียหายของคุณได้ ผู้ใช้ที่ได้รับผลกระทบหลายคนจัดการแก้ไขปัญหาได้โดยการส่งออกรายการบุ๊กมาร์กทั้งหมดเป็นไฟล์ HTML และแก้ไขไอคอน ก่อนนำเข้ารายการบุ๊กมาร์กกลับเข้าไปอีกครั้ง
วิธีนี้เหมาะสำหรับการใช้งานในกรณีที่คุณจัดการกับ favicons ที่เสียเพียงหนึ่งหรือสองตัว นี่คือคู่มือด่วนเกี่ยวกับการแก้ไข favicons ที่ได้รับผลกระทบด้วยตนเอง:
- เปิด Firefox และคลิกไอคอน Bookmark (บุ๊กมาร์ก) จากมุมขวาบนของหน้าจอ
- จากเมนูที่ปรากฏใหม่ คลิกที่ Bookmarks (บุ๊กมาร์ก) และจากนั้นคลิกที่ Show All bookmarks (แสดงบุ๊กมาร์กทั้งหมด) ในส่วนมุมขวาล่างของหน้าจอ
- ภายในเมนู Library (ไลบรารี) ให้เลือก Bookmarks Toolbar (แถบเครื่องมือบุ๊กมาร์ก) จากด้านซ้าย แล้วไปที่ Import and Backup (นำเข้าและสำรอง) และเลือก Export Bookmarks to HTML (ส่งออกรายการบุ๊กมาร์กเป็น HTML)
- เลือกตำแหน่งที่เหมาะสมสำหรับไฟล์ HTML ที่ส่งออก แล้วคลิกปุ่ม Save (บันทึก)
- คลิกขวาที่ไฟล์ HTML ที่คุณเพิ่งส่งออก และแก้ไขด้วยยูทิลิตี้อย่าง Notepad++ หรือคล้ายๆ คุณยังสามารถใช้บันทึกย่อ (notepad) ตัวที่มากับระบบได้ แต่โค้ดจะไม่อ่านง่ายเท่านั้น
- เมื่อหน้า Bookmarks เปิดอยู่ ให้ค้นหา entry (รายการ) บุ๊กมาร์กที่ตรงกัน และเปลี่ยน ICON_URI=”{URL}” และ ICON=”data:image/png;base64,{data}” ที่เกี่ยวข้อง ด้วย URL ที่ถูกต้องของไอคอน และไอคอนที่เข้ารหัส base64 คุณจะสามารถอนุมานได้ว่า ICON ไหนเป็นของ favicon ไหน โดยการดูที่ชื่อ
- ให้แน่ใจว่าคุณบันทึกการแก้ไขที่คุณเพิ่งทำบนหน้า Bookmarks ที่คุณส่งออกก่อนหน้านี้
- กลับไปที่หน้าต่าง Library (ขั้นตอน 2) คลิกที่ Bookmarks Toolbar แล้วไปที่ Import and Backup และเลือก Import Bookmarks from HTML (นำเข้าบุ๊กมาร์กจาก HTML)
- เลือกหน้าที่คุณแก้ไขก่อนหน้านี้ และคลิก Open (เปิด)
หลังจากเสร็จสิ้นกระบวนการนี้ ไอคอน favicon ของคุณควรจะได้รับการแก้ไขแล้ว
