Bagaimana saya bisa menambahkan favicon ke bookmarklet di Google Chrome?

14

Saya menggunakan OS X dan saya ingin bookmarklet saya memiliki favicons. Saya sudah menemukan dua artikel tetapi tidak banyak membantu:

http://www.tapper-ware.net/blog/?p=97#comment-2076 Ini adalah artikel yang bagus tapi seperti yang saya pahami ini sepertinya tidak berfungsi untuk Chrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ Masalah dengan tipp ini adalah - jika saya salah, maka tolong perbaiki saya - bahwa setelah saya membersihkan sejarah, cache, dll keseluruhan hal akan hilang lagi.

Jika ada kesempatan untuk memodifikasi bookmarklet dengan hosting sendiri saya akan langsung melakukannya, tapi sejauh ini saya tidak menemukan solusi.

patrick
sumber

Jawaban:

19

Yah, butuh beberapa waktu tetapi saya menemukan solusinya:

Anda harus mengekspor Bookmark Anda, mengedit file HTML dan mengimpornya lagi. Kedengarannya jauh lebih rumit daripada itu, dan ini adalah solusi bersih karena Chrome menempatkan semua bookmark Anda yang diimpor kembali ke folder "Impor" yang terpisah yang dapat Anda hapus setelah perubahan diterapkan.

Panduan langkah demi langkah:

  1. Buka Pengelola Bookmark dan ekspor bookmark Anda.
  2. Buka file HTML yang diekspor di editor favorit Anda dan cari bookmarklet yang Anda inginkan.
  3. Encode favicon 16 × 16px yang ingin Anda gunakan sebagai Base64 (ada banyak konverter online gratis di luar sana, atau lihat tautan di bawah ini untuk instruksi commandline). Hapus semua linebreak pada output; harus satu garis panjang.
  4. Sesuaikan awalan "data" ke gumpalan Base64 yang sesuai untuk jenis favicon yang Anda gunakan; misalnya data:image/vnd.microsoft.icon;base64,untuk .icofile, dan data:image/png;base64,untuk .pngfile.
  5. Sekarang tambahkan ICONatribut ke tautan untuk menahan gumpalan Base64 yang diawali; misalnya: ICON="data:image/png;base64,iVBORw0K………5ErkJggg==".
  6. Simpan file dan impor kembali ke pengelola bookmark. Folder yang disebut "Impor" akan dibuat; namun, favicon harus segera diterapkan ke bookmarklet asli, sehingga Anda dapat segera menghapus folder "Impor" yang baru. Jika ikon tidak segera muncul, coba klik pada bookmarklet.

Jika Anda memerlukan bantuan lebih lanjut, saya menemukan sebuah posting blog yang menjelaskan keseluruhan proses secara lebih rinci.

patrick
sumber
Saya memperbarui pos. Jika Anda membutuhkan tutorial terperinci, lihat tautan yang saya tambahkan.
patrick
Hanya untuk membuat Anda sadar bahwa tautan tidak lagi berfungsi
Skuld
1
Tembolok: web.archive.org/web/20140219182846/http://…
Markus Jarderot
Memperbaiki tautan untuk menggunakan salinan dalam cache yang disarankan oleh @MarkusJarderot, dan menambahkan klarifikasi tentang perlunya menambahkan data:awalan.
Tom
Juga, posting blog yang tertaut mengatakan bahwa Chrome tidak menyinkronkan favicons yang ditambahkan secara manual ini - walaupun saya belum mencoba ini untuk melihat apakah itu masih terjadi.
Tom
2

Solusi lain yang sangat sederhana adalah dengan menggunakan ekstensi krom "I hate your favicon". Ini memungkinkan Anda untuk memasukkan url untuk situs web yang ingin Anda ubah favicon-nya, dan url dari gambar yang Anda inginkan untuk favicon. Sisanya ditangani untuk Anda.

Tautan ke situs web mereka di sini

jarvisschultz
sumber
3
Ini sepertinya tidak berfungsi untuk bookmarklet.
GollyJer
1

Saya memiliki masalah yang sama, tetapi pada awalnya tidak benar-benar menyadarinya.

Baru-baru ini saya menghapus file favicon saya di Chrome (tanpa membuat cadangan) dan tiba-tiba semua tautan bilah alat bookmark saya kehilangan ikon mereka, karena saya menggunakan javascript: window.open untuk membukanya di tab baru.

Hari ini saya menyadari mengapa saya berbahagia memiliki favicons di bookmarklet saya selama berbulan-bulan: Ketika saya pertama kali beralih dari Firefox ke Chrome, saya mengimpor semua bookmark saya dari sana dan kemudian secara manual mengeditnya semua di Notepad dengan JavaScript di atas.

Firefox menambahkan semua ikon dengan kode base64 mereka.

Saya sekarang dapat mengonfirmasi bahwa solusi pattulus berfungsi, dan sebagai tambahan, jika Anda tidak ingin mengonversi secara manual ke dan menambahkan setiap kode base64, cukup ekspor bookmark non-bookmarklet bersih, edit secara eksternal dan impor kembali.

Artinya, jika sesederhana dalam kasus saya, di mana saya mengedit dalam JavaScript yang sama untuk semua tautan bookmark dan cukup menggunakan fungsi pengganti Notepad.

Bonz
sumber