Comment puis-je ajouter un favicon à un bookmarklet dans Firefox?

Les Bookmarklets, tels que SuperGenPass n'ont pas de favicons, car ce sont des javascript:liens et Firefox ne sait pas d'où il obtiendrait le favicon. Existe-t-il un moyen d'ajouter un favicon à un bookmarklet JavaScript?

Vous pouvez essayer cette astuce:

1. Trouvez un lien normal (sans JavaScript) pour le site Web avec le favicon correct.

2. Ajoutez ce lien à votre barre d'outils de favoris en tant que favori normal.

3. Enfin, modifiez les propriétés du signet que vous venez d'ajouter et changez l'emplacement pour qu'il soit le véritable signet JavaScript que vous souhaitez (vous voulez l'emplacement du signet qui n'a pas le favicon).

Vous avez maintenant transformé le signet de l'étape 2 en un bookmarklet avec le favicon et le JavaScript souhaités.

L' extension Favicon Picker 2 vous permettra de le faire.

Comment utiliser: Faites simplement un clic droit sur un signet et sélectionnez "Propriétés",
puis cliquez sur "Parcourir ..." pour sélectionner une icône ou coller une URL sur une icône.

En outre, vous pouvez désinstaller l'extension lorsque vous avez terminé et les icônes resteront.

La suggestion de Pelms m'a amené à trouver le Favicon Picker 3 éventuellement lié , qui fonctionne mieux sur Mac OS X.

Le moyen le plus simple consiste à détourner un signet. Il vous suffit de mettre en signet une page contenant un favicon que vous souhaitez utiliser. Vous devrez peut-être cliquer sur le signet pour qu'il charge le favicon à partir du site auquel il renvoie. Une fois que vous avez le favicon, allez dans le signet, faites un clic droit et choisissez les propriétés. Vous pouvez ensuite changer "l'emplacement" en code javascript pour le bookmarklet que vous souhaitez associer au favicon. Astuce: pour différencier un bookmarklet d'un bookmark, je change le "nom" dans l'onglet propriétés en celui qui a été précédé par M :, ainsi par exemple, si le bookmarklet était destiné à créer une URL raccourcie en utilisant goo.gl, je nommerais cela " M: Goo.gl "

Vous pouvez le faire avec userChrome.css:

1. Aller à about:support
2. Sous "Bases de l'application", "Dossier de profil", cliquez sur "Ouvrir le dossier"
3. S'ils n'existent pas, créez un dossier chrome, puis archivezuserChrome.css

J'utilise ce style:

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

Si vous souhaitez utiliser des images, vous pouvez; placez-les simplement dans le même dossier, puis liez comme ceci:

background: url("something.png");

1. Exportez les signets au format HTML.

2. Modifiez le HTML, ajoutez-le ICON="data:image/png;base64,..."à votre bookmarklet,

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

3. Importez des signets à partir du code HTML modifié.

Fonctionne dans Firefox dès maintenant.