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

Bookmarklets เช่นSuperGenPassไม่มี favicons เพราะเป็นjavascript:ลิงก์และ Firefox ไม่รู้ว่าจะรับ favicon จากที่ใด มีวิธีการเพิ่ม favicon ไปยัง bookmarklet JavaScript หรือไม่

คุณสามารถลองเคล็ดลับนี้:

1. ค้นหาลิงค์ปกติ (ไม่มี JavaScript) สำหรับเว็บไซต์ที่มี favicon ที่ถูกต้อง

2. เพิ่มลิงก์นั้นไปยังแถบเครื่องมือบุ๊คมาร์คของคุณเป็นบุ๊คมาร์คปกติ

3. ขั้นสุดท้ายให้เปลี่ยนคุณสมบัติของบุ๊กมาร์กที่คุณเพิ่งเพิ่มและเปลี่ยนตำแหน่งให้เป็นที่คั่นหน้า JavaScript จริงที่คุณต้องการ (คุณต้องการตำแหน่งจากบุ๊กมาร์กเล็ตที่ไม่มี favicon)

ตอนนี้คุณได้เปลี่ยนบุ๊คมาร์คจากขั้นตอนที่ 2 เป็น bookmarklet ด้วย favicon และ JavaScript ที่ต้องการ

Favicon Picker 2ส่วนขยายจะช่วยให้คุณทำเช่นนี้

วิธีใช้: คลิกขวาที่บุ๊คมาร์คและเลือก "Properties"
จากนั้นคลิก "เรียกดู ... " เพื่อเลือกไอคอนหรือวาง URL ไปที่ไอคอน

นอกจากนี้คุณสามารถถอนการติดตั้งส่วนขยายเมื่อเสร็จแล้วไอคอนจะยังคงอยู่

คำแนะนำของ Pelms ทำให้ฉันต้องหาFavicon Picker 3ซึ่งทำงานได้ดีกับ Mac OS X

วิธีที่ง่ายที่สุดคือการจี้ที่คั่นหน้า เพียงบุ๊กมาร์กหน้าที่มี favicon ที่คุณต้องการใช้ คุณอาจต้องคลิกที่คั่นหน้าเพื่อให้โหลด favicon จากเว็บไซต์ที่ลิงก์ไป เมื่อคุณมี favicon จากนั้นไปที่บุ๊คมาร์คคลิกขวาและเลือกคุณสมบัติ จากนั้นคุณสามารถเปลี่ยน "ตำแหน่ง" เป็นรหัส javascript สำหรับ bookmarklet ที่คุณต้องการเชื่อมโยงกับ favicon เคล็ดลับ: หากต้องการแยก bookmarklet จากบุ๊กมาร์กฉันเปลี่ยน "ชื่อ" ในแท็บคุณสมบัติเป็นสิ่งที่นำหน้าด้วย M: ดังนั้นตัวอย่างเช่นหาก bookmarklet สำหรับการสร้าง URL แบบย่อโดยใช้ goo.gl ฉันจะตั้งชื่อนั้นว่า " M: Goo.gl"

คุณสามารถทำได้ด้วยuserChrome.css:

1. ไปที่ about:support
2. ภายใต้ "พื้นฐานของแอปพลิเคชัน", "โฟลเดอร์โปรไฟล์" คลิก "เปิดโฟลเดอร์"
3. หากไม่มีอยู่ให้สร้างโฟลเดอร์chromeจากนั้นไฟล์userChrome.css

ฉันใช้สไตล์นี้:

:root {
  --amber: #FFC000;
  --chartreuse: #B2D733;
  --magenta: #BF1449;
  --teal: #158466;
  --vermilion: #FF4000;
}
#PlacesToolbarItems image {
  padding-top: 16px;
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+1) image {
  background: var(--teal);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+2) image {
  background: var(--chartreuse);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+3) image {
  background: var(--amber);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+4) image {
  background: var(--vermilion);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+5) image {
  background: var(--magenta);
}

หากคุณต้องการใช้ภาพคุณสามารถ; เพียงวางไว้ในโฟลเดอร์เดียวกันจากนั้นลิงก์ดังนี้:

background: url("something.png");

1. ส่งออกบุ๊คมาร์คเป็น HTML

2. แก้ไข HTML เพิ่มICON="data:image/png;base64,..."ใน bookmarklet ของคุณเช่น

   <DT><A HREF="javascript:(function(){ ... })();" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAQMAXV9chIaDx8nGZHRYHgAAADhJREFUCNdjYAAD8QkMDFz//zcw8P//f4CBNTTUgYHbZvMB3AS7TfEBBq5VqxpAxAQGztCwALBBALHhF442ZwQdAAAAAElFTkSuQmCC"></A>
   

3. นำเข้าบุ๊คมาร์คจาก HTML ที่แก้ไข

ทำงานใน Firefox ได้แล้ว