Comment puis-je ajouter un favicon à un bookmarklet dans Google Chrome?

Je suis sur OS X et je veux que mes bookmarklets aient des favicons. J'ai déjà trouvé deux articles mais ils n'ont pas beaucoup aidé:

http://www.tapper-ware.net/blog/?p=97#comment-2076 C'est un excellent article, mais si je comprends bien, cela ne semble pas fonctionner pour Chrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ Le problème avec ce conseil est - si je me trompe, corrigez-moi s'il vous plaît - qu'après avoir nettoyé l'historique, le cache, etc. le tout la chose sera repartie.

S'il y a une chance de modifier les bookmarklets en les hébergeant moi-même, je le ferais instantanément, mais je n'ai trouvé aucune solution jusqu'à présent.

Eh bien, cela a pris du temps mais je suis tombé sur la solution:

Vous devez exporter vos signets, modifier le fichier HTML et l'importer à nouveau. Cela semble beaucoup plus compliqué qu'il ne l'est, et c'est une solution propre puisque Chrome place tous vos signets réimportés dans un dossier "Importé" distinct que vous pouvez supprimer après l'application des modifications.

Guide étape par étape:

1. Ouvrez le gestionnaire de signets et exportez vos signets.
2. Ouvrez le fichier HTML exporté dans votre éditeur préféré et recherchez le bookmarklet auquel vous souhaitez appliquer un favicon.
3. Encodez le favicon 16 × 16px que vous souhaitez utiliser en Base64 (il existe de nombreux convertisseurs en ligne gratuits, ou consultez le lien ci-dessous pour obtenir des instructions en ligne de commande). Supprimez tous les sauts de ligne dans la sortie; il doit s'agir d'une longue file d'attente.
4. Ajoutez un préfixe "données" au blob Base64 qui convient au type de favicon que vous avez utilisé; par exemple data:image/vnd.microsoft.icon;base64,pour les .icofichiers et data:image/png;base64,pour les .pngfichiers.
5. Ajoutez maintenant un ICONattribut au lien pour contenir le blob Base64 préfixé; par exemple: ICON="data:image/png;base64,iVBORw0K………5ErkJggg==".
6. Enregistrez le fichier et réimportez-le dans le gestionnaire de signets. Un dossier appelé "Importé" sera créé; cependant, le favicon doit être appliqué immédiatement au bookmarklet d'origine, de sorte que vous pouvez immédiatement supprimer le nouveau dossier "Imported". Si l'icône n'apparaît pas immédiatement, essayez de cliquer sur le bookmarklet.

Si vous avez besoin d'aide, j'ai découvert un article de blog qui décrit l'ensemble du processus plus en détail.

Une autre solution très simple consiste à utiliser l'extension chrome "Je déteste votre favicon". Il vous permet de saisir une URL pour un site Web que vous souhaitez modifier son favicon, et une URL d'une image de ce que vous voulez que le favicon soit. Le reste est géré pour vous.

Lien vers leur site Web ici

J'ai eu le même problème, mais au début je ne m'en étais pas rendu compte.

Récemment, j'ai supprimé mon fichier favicon dans Chrome (sans faire de sauvegarde) et tout à coup tous mes liens de barre d'outils de signet manquaient leurs icônes, car j'utilise javascript: window.open pour les ouvrir dans un nouvel onglet.

Aujourd'hui, j'ai réalisé pourquoi j'avais des favicons sur mes bookmarklets pendant des mois: lorsque je suis passé de Firefox à Chrome pour la première fois, j'ai importé tous mes signets à partir de là et les ai ensuite modifiés manuellement tous dans le Bloc-notes avec le JavaScript ci-dessus.

Firefox a ajouté toutes les icônes avec leur code base64.

Je peux maintenant confirmer que la solution de pattulus fonctionne, et en outre, si vous ne voulez pas convertir et ajouter manuellement chaque code base64, il vous suffit d'exporter vos signets propres et non bookletlet, de les modifier en externe et de les réimporter.

Autrement dit, si c'est aussi simple que dans mon cas, où j'ai édité dans le même JavaScript pour tous les liens de signet et que je pouvais simplement utiliser la fonction de remplacement du Bloc-notes.