ฉันจะเพิ่ม favicon ลงใน bookmarklet ใน Google Chrome ได้อย่างไร

ฉันใช้ OS X และฉันต้องการให้ bookmarklets มี favicons ฉันพบบทความสองบทความแล้ว แต่ก็ไม่ได้ช่วยอะไรมาก:

http://www.tapper-ware.net/blog/?p=97#comment-2076เป็นบทความที่ยอดเยี่ยม แต่เนื่องจากฉันเข้าใจว่านี่ไม่ได้ผลสำหรับ Chrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ ปัญหาเกี่ยวกับการทิปนี้คือ - ถ้าฉันผิดโปรดแก้ไขฉัน - หลังจากที่ฉันทำความสะอาดประวัติแคช ฯลฯ ทั้งหมด สิ่งที่จะหายไปอีกครั้ง

หากมีโอกาสที่จะแก้ไข bookmarklet ด้วยการโฮสต์ด้วยตนเองฉันจะทำทันที แต่ฉันไม่พบวิธีแก้ไข

มันใช้เวลาพอสมควร แต่ฉันก็สะดุดกับวิธีแก้ปัญหา:

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

คู่มือทีละขั้นตอน:

1. เปิดตัวจัดการบุ๊คมาร์คและส่งออกบุ๊คมาร์คของคุณ
2. เปิดไฟล์ HTML ที่ส่งออกในตัวแก้ไขรายการโปรดของคุณแล้วมองหา bookmarklet ที่คุณต้องการใช้กับ favicon
3. เข้ารหัส favicon 16 × 16px ที่คุณต้องการใช้เป็น Base64 (มีตัวแปลงออนไลน์ฟรีมากมายอยู่ที่นั่นหรือดูลิงค์ด้านล่างสำหรับคำแนะนำบรรทัดคำสั่ง) ลบ linebreaks ใด ๆ ในการส่งออก; มันต้องเป็นหนึ่งบรรทัดยาว
4. เพิ่มคำนำหน้า "data" ลงใน Base64 blob ที่เหมาะสมกับประเภทของ favicon ที่คุณใช้ เช่นdata:image/vnd.microsoft.icon;base64,สำหรับ.icoไฟล์และdata:image/png;base64,สำหรับ.pngไฟล์
5. ตอนนี้เพิ่มICONแอ็ตทริบิวต์ให้กับลิงก์เพื่อเก็บ Base64 blob ที่นำหน้า ตัวอย่างเช่น: ICON="data:image/png;base64,iVBORw0K………5ErkJggg==".
6. บันทึกไฟล์และนำเข้ากลับไปยังตัวจัดการบุ๊คมาร์ค โฟลเดอร์ชื่อ "นำเข้า" จะถูกสร้างขึ้น; อย่างไรก็ตามควรใช้ favicon กับ bookmarklet ดั้งเดิมทันทีดังนั้นคุณสามารถลบโฟลเดอร์ "นำเข้า" ใหม่ได้ทันที หากไอคอนไม่ปรากฏขึ้นทันทีลองคลิกที่ bookmarklet

หากคุณต้องการความช่วยเหลือเพิ่มเติมฉันค้นพบโพสต์บล็อก ซึ่งอธิบายกระบวนการทั้งหมดโดยละเอียดยิ่งขึ้น

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

เชื่อมโยงไปยังเว็บไซต์ของพวกเขาที่นี่

ฉันมีปัญหาเดียวกัน แต่ในตอนแรกไม่ได้ตระหนักถึงมันจริง

เมื่อเร็ว ๆ นี้ฉันได้ลบไฟล์ favicon ของฉันใน Chrome (โดยไม่ทำการสำรองข้อมูล) และทันใดนั้นลิงก์แถบเครื่องมือบุ๊กมาร์กทั้งหมดของฉันหายไปเนื่องจากฉันใช้javascript: window.openเพื่อเปิดในแท็บใหม่

วันนี้ฉันรู้ว่าทำไมฉันถึงมีความสุขกับ favicons บน bookmarklet ของฉันเป็นเวลาหลายเดือน: เมื่อฉันเปลี่ยนจาก Firefox เป็น Chrome ครั้งแรกฉันนำเข้าที่คั่นหนังสือทั้งหมดจากที่นั่นและแก้ไขด้วยตนเองใน Notepad ด้วย JavaScript ด้านบน

Firefox เพิ่มไอคอนทั้งหมดด้วยรหัส base64

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

นั่นคือถ้ามันง่ายเหมือนในกรณีของฉันที่ฉันแก้ไขใน JavaScript เดียวกันสำหรับลิงก์คั่นหน้าทั้งหมดและสามารถใช้ฟังก์ชั่นแทนที่ของ Notepad