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

16

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?

Drew Stephens
la source
Je ne pense pas que ce soit possible, mais si vous trouvez une solution, je voudrais certainement savoir (j'ai des centaines de bookmarklets)
scunliffe
Aucune des réponses ne semble plus fonctionner.
ashleedawg

Réponses:

7

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.

URLParser.com
la source
1
Ça ne marche plus. Dès que l'emplacement du signet est modifié, l'icône se met à jour (qui, dans le cas d'un bookmarklet javascript, est l'icône générique "globe")
ashleedawg
6

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.

Icônes de Bookmarklet

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

pelms
la source
Mucks up quelques autres boîtes de dialogue sur Mac, mais j'ai pu installer l'extension, définir une icône et la désinstaller. Y a-t-il un moyen de changer cela en utilisant about: config ou similaire?
Drew Stephens,
Malheureusement, l'extension est incompatible avec la dernière version de Firefox, au moins depuis mai 2015, au plus aujourd'hui.
thenonhacker
Ça ne marche plus. Lien mort; extension indisponible.
ashleedawg
2

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

Drew Stephens
la source
Fonctionne très bien pour moi sur Windows 7 x64 aussi
CAD bloke
Non disponible pour Firefox 31
Chandrayya GK
Ça ne marche plus. Lien mort; extension indisponible.
ashleedawg
-1

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 "

Amigo Omega
la source
1
Amigo, cette réponse est-elle substantiellement différente de la réponse de URLParser.com ?
Mr.Wizard
Ne fonctionne pas Ni la réponse, ni la "astuce" n'ont fonctionné depuis des années.
ashleedawg
-1

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");
Steven Penny
la source
Ne fonctionne pas, pour autant que je sache. Que doit-il faire? Changer la couleur de chaque icône du 6 au 10?
ashleedawg
-2
  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.

K3 --- rnc
la source
Je l'ai
Ne fonctionne plus ... (les balises HTML ne peuvent pas être utilisées à l'emplacement du signet.)
ashleedawg