Wie kann ich einem Lesezeichen in Google Chrome ein Favicon hinzufügen?

7156
pattulus

Ich bin auf OS X und möchte, dass meine Bookmarklets Favoriten haben. Ich habe bereits zwei Artikel gefunden, aber sie haben nicht viel geholfen:

http://www.tapper-ware.net/blog/?p=97#comment-2076 Es ist ein großartiger Artikel, aber wenn ich es verstehe, scheint das für Chrome nicht zu funktionieren :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ Das Problem mit diesem Tipp ist - wenn ich falsch liege, dann korrigieren Sie mich bitte - nachdem ich die Historie, den Cache usw. das Ganze gereinigt habe was wird wieder weg sein.

Wenn es eine Chance gibt, die Bookmarklets zu ändern, indem ich sie selbst hosten würde, würde ich dies sofort tun, aber ich habe bisher keine Lösung gefunden.

12

3 Antworten auf die Frage

16
pattulus

Nun, es hat etwas gedauert, aber ich bin über die Lösung gestolpert:

Sie müssen Ihre Lesezeichen exportieren, die HTML-Datei bearbeiten und erneut importieren. Das klingt viel komplizierter als es ist, und es ist eine saubere Lösung, da Chrome alle neu importierten Lesezeichen in einem separaten "Imported" -Ordner ablegt, den Sie löschen können, nachdem die Änderungen übernommen wurden.

Schritt für Schritt Anleitung:

  1. Öffnen Sie den Lesezeichen-Manager und exportieren Sie Ihre Lesezeichen.
  2. Öffnen Sie die exportierte HTML-Datei in Ihrem bevorzugten Editor und suchen Sie nach dem Bookmarklet, auf das ein Favicon angewendet werden soll.
  3. Kodieren Sie das 16 × 16px-Favicon, das Sie als Base64 verwenden möchten (es gibt viele kostenlose Online-Konverter, oder sehen Sie den Link unten, um eine Befehlszeile zu erhalten). Entfernen Sie alle Zeilenumbrüche in der Ausgabe. Es muss eine lange Zeile sein.
  4. Fügen Sie dem Base64-Blob ein Präfix "data" hinzu, das für den verwendeten Favicontyp geeignet ist. zB data:image/vnd.microsoft.icon;base64,für .icoDateien und data:image/png;base64,für .pngDateien.
  5. Fügen Sie ICONdem Link nun ein Attribut hinzu, um den vorangestellten Base64-Blob aufzunehmen. zum Beispiel: ICON="data:image/png;base64,iVBORw0K………5ErkJggg==".
  6. Speichern Sie die Datei und importieren Sie sie zurück in den Lesezeichen-Manager. Ein Ordner mit dem Namen "Imported" wird erstellt. Das Favicon sollte jedoch sofort auf das ursprüngliche Bookmarklet angewendet werden, sodass Sie den neuen Ordner "Imported" sofort löschen können. Wenn das Symbol nicht sofort angezeigt wird, klicken Sie auf das Bookmarklet.

Wenn Sie weitere Hilfe benötigen, habe ich einen Blogbeitrag entdeckt, der den gesamten Prozess detaillierter beschreibt.

Ich habe den Beitrag aktualisiert. Wenn Sie ein ausführliches Tutorial benötigen, lesen Sie den von mir hinzugefügten Link. pattulus vor 11 Jahren 0
Nur um Sie darauf aufmerksam zu machen, dass der Link nicht mehr funktioniert Skuld vor 9 Jahren 0
Zwischengespeichert: http://web.archive.org/web/20140219182846/http://www.nomachetejuggling.com/2012/03/30/how-to-clean-up-your-chrome-bookmark-bar/ Markus Jarderot vor 9 Jahren 1
Der Link zur Verwendung der von @MarkusJarderot vorgeschlagenen zwischengespeicherten Kopie wurde behoben. Außerdem wurde die Notwendigkeit ergänzt, ein Präfix `data:` hinzuzufügen. Tom vor 8 Jahren 0
In dem verlinkten Blogbeitrag heißt es außerdem, dass Chrome diese manuell hinzugefügten Favoriten nicht synchronisiert - obwohl ich dies noch nicht versucht habe, um festzustellen, ob dies noch der Fall ist. Tom vor 8 Jahren 0
2
jarvisschultz

Another very simple solution is to use the "I hate your favicon" chrome extension. It allows you to input a url for a website that you want to change its favicon, and a url of an image of what you want the favicon to be. The rest is handled for you.

Link to their website here

Dies scheint bei Bookmarklets nicht zu funktionieren. GollyJer vor 11 Jahren 3
1
Bonz

Ich hatte das gleiche Problem, habe es aber zunächst nicht gemerkt.

Vor kurzem habe ich meine Favicon-Datei in Chrome gelöscht (ohne eine Sicherungskopie zu erstellen ), und plötzlich fehlten allen Symbolleisten meiner Lesezeichen-Symbolleisten ihre Symbole, da ich Javascript: window.open verwende, um sie in einem neuen Tab zu öffnen.

Heute wurde mir klar, warum ich seit Monaten Favicons auf meinen Bookmarklets hatte: Als ich von Firefox zu Chrome wechselte, importierte ich alle meine Lesezeichen von dort und bearbeitete sie später manuell mit dem obigen JavaScript in Notepad.

Firefox fügte alle Icons mit ihrem base64-Code hinzu.

Ich kann jetzt bestätigen, dass die Lösung von pattulus funktioniert. Wenn Sie nicht jeden Base64-Code manuell konvertieren und hinzufügen möchten, exportieren Sie einfach Ihre sauberen Lesezeichen, die keine Lesezeichen sind, bearbeiten Sie sie extern und importieren Sie sie erneut.

Das heißt, wenn es so einfach ist wie in meinem Fall, wo ich im selben JavaScript alle Lesezeichen-Links editiert habe und einfach die Ersetzungsfunktion von Notepad verwenden könnte.

Verwandte Probleme