Bagaimana saya bisa menambahkan favicon ke bookmarklet di Firefox?

16

Bookmarklets, seperti SuperGenPass tidak memiliki favicon, karena itu adalah javascript:tautan dan Firefox tidak tahu dari mana favicon itu akan diperoleh. Apakah ada cara untuk menambahkan favicon ke bookmarklet JavaScript?

firefox bookmarklet favicon Drew Stephens
sumber
Saya tidak berpikir ini adalah mungkin, tetapi jika Anda menemukan solusi aku akan pasti seperti tahu (saya memiliki 100 tentang bookmarklet)
scunliffe
Tak satu pun dari jawaban tampaknya bekerja lagi.
ashleedawg

Jawaban:

7

Anda dapat mencoba trik ini:

  1. Temukan tautan normal (tanpa JavaScript) untuk situs web dengan favicon yang benar.

  2. Tambahkan tautan itu ke bilah alat bookmark Anda sebagai bookmark biasa.

  3. Terakhir, ubah properti bookmark yang baru saja Anda tambahkan dan ubah lokasi menjadi bookmarklet JavaScript yang sebenarnya Anda inginkan (Anda ingin lokasi dari bookmarklet yang tidak memiliki favicon).

Sekarang Anda telah mengubah bookmark dari langkah 2 menjadi bookmarklet dengan favicon dan JavaScript yang diinginkan.

URLParser.com
sumber
1
Ini tidak berfungsi lagi. Segera setelah lokasi bookmark diubah, pembaruan ikon (yang, dalam kasus bookmarklet javascript, adalah ikon "globe" generik)
ashleedawg
6

The Favicon Picker 2 ekstensi akan membiarkan Anda melakukan hal ini.

Cara Menggunakan: Cukup klik kanan bookmark apa saja dan pilih "Properti,"
lalu klik "Browse ..." untuk memilih ikon atau menempel URL ke ikon.

Ikon bookmarklet

Selain itu, Anda dapat menghapus instalasi ekstensi setelah selesai dan ikon akan tetap ada.

pelms
sumber
Membuat beberapa dialog lain pada Mac, tetapi saya dapat menginstal ekstensi, mengatur ikon, dan menghapus instalannya. Apakah ada cara untuk mengubah ini menggunakan about: config atau sejenisnya?
Drew Stephens
Sayangnya, ekstensi tersebut tidak kompatibel dengan versi terbaru Firefox, setidaknya sejak Mei 2015, paling banyak hari ini.
thenonhacker
Tidak berfungsi lagi. Tautan mati; ekstensi tidak tersedia.
ashleedawg
2

Saran Pelms mendorong saya untuk menemukan Favicon Picker 3 yang kemungkinan terkait , yang bekerja lebih baik di Mac OS X.

Drew Stephens
sumber
Bekerja dengan baik untuk saya di Windows 7 x64 juga
CAD cowok
Tidak tersedia untuk Firefox 31
Chandrayya GK
Tidak berfungsi lagi. Tautan mati; ekstensi tidak tersedia.
ashleedawg
-1

Cara termudah adalah dengan membajak bookmark. Tandai saja halaman yang memiliki favicon yang ingin Anda gunakan. Anda mungkin perlu mengklik bookmark untuk memuat favicon dari situs yang tertaut. Setelah Anda memiliki favicon, pergi ke bookmark, klik kanan, dan pilih properti. Anda kemudian dapat mengubah "lokasi" menjadi kode javascript untuk bookmarklet yang ingin Anda kaitkan dengan favicon. Kiat: Untuk membedakan bookmarklet dari bookmark, saya mengubah "nama" di tab properti ke apa pun yang didahului oleh M :, jadi misalnya, jika bookmarklet adalah untuk membuat URL singkat menggunakan goo.gl, saya akan beri nama " M: Goo.gl "

Amigo Omega
sumber
1
Amigo, apakah jawaban ini secara substansial berbeda dari jawaban oleh URLParser.com ?
Mr.Wizard
Tidak bekerja. Baik jawaban, maupun "tip" tidak berfungsi, selama bertahun-tahun.
ashleedawg
-1

Anda dapat melakukan ini dengan userChrome.css:

  1. Pergi ke about:support
  2. Di bawah "Dasar-Dasar Aplikasi", "Folder Profil", klik "Buka Folder"
  3. Jika tidak ada, buat folder chrome, lalu fileuserChrome.css

Saya menggunakan gaya ini:

: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);
}

Jika Anda ingin menggunakan gambar, Anda bisa; cukup taruh di folder yang sama, lalu tautkan seperti ini:

background: url("something.png");
Steven Penny
sumber
Tidak berfungsi, sejauh yang saya tahu. Apa yang seharusnya dilakukan? Ubah warna setiap ikon 6 ke 10?
ashleedawg
-2
  1. Ekspor bookmark sebagai HTML.

  2. Edit HTML, tambahkan ICON="data:image/png;base64,..."ke bookmarklet Anda, yaitu

    <DT><A HREF="javascript:(function(){ ... })();" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAQMAXV9chIaDx8nGZHRYHgAAADhJREFUCNdjYAAD8QkMDFz//zcw8P//f4CBNTTUgYHbZvMB3AS7TfEBBq5VqxpAxAQGztCwALBBALHhF442ZwQdAAAAAElFTkSuQmCC"></A>
  3. Impor bookmark dari HTML yang diedit.

Bekerja di Firefox mulai sekarang.

K3 --- rnc
sumber
Sudah mencobanya, itu tidak berhasil
ctrl-alt-delor
Tidak berfungsi lagi ... (Tag HTML tidak dapat digunakan di lokasi bookmark.)
ashleedawg