web-dev-qa-db-ja.com

Google Chromeのブックマークレットにファビコンを追加するにはどうすればよいですか?

私はOSXを使用していて、ブックマークレットにファビコンを持たせたいです。私はすでに2つの記事を見つけましたが、あまり役に立ちませんでした。

http://www.tapper-ware.net/blog/?p=97#comment-2076 すばらしい記事ですが、私が理解しているように、これはChrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ このヒントの問題は、-間違っている場合は修正してください-履歴をクリーンアップした後、キャッシュなど、すべてが再びなくなります。

ブックマークレットを自分でホストして変更する機会があれば、すぐに変更しますが、これまでのところ解決策は見つかりませんでした。

15
patrick

まあ、それは少し時間がかかりましたが、私は解決策に出くわしました:

ブックマークをエクスポートし、HTMLファイルを編集して、再度インポートする必要があります。 Chromeは、再インポートされたすべてのブックマークを別の「インポート済み」フォルダに配置し、変更を適用した後で削除できるため、これは実際よりもはるかに複雑に聞こえます。クリーンなソリューションです。

ステップバイステップガイド:

  1. ブックマークマネージャを開き、ブックマークをエクスポートします。
  2. エクスポートしたHTMLファイルをお気に入りのエディターで開き、ファビコンを適用するブックマークレットを探します。
  3. Base64として使用する16×16pxのファビコンをエンコードします(無料のオンラインコンバーターがたくさんあります。コマンドラインの手順については、以下のリンクを参照してください)。出力の改行をすべて削除します。それは1つの長い行である必要があります。
  4. 使用したファビコンのタイプに適した「データ」プレフィックスをBase64blobの前に追加します。例:data:image/vnd.Microsoft.icon;base64, ために .icoファイル、およびdata:image/png;base64, ために .pngファイル。
  5. 次に、リンクにICON属性を追加して、プレフィックス付きのBase64blobを保持します。例えば: ICON="data:image/png;base64,iVBORw0K………5ErkJggg=="
  6. ファイルを保存して、ブックマークマネージャーにインポートし直します。 「インポート済み」というフォルダが作成されます。ただし、ファビコンは元のブックマークレットにすぐに適用する必要があるため、新しい「インポート済み」フォルダをすぐに削除できます。アイコンがすぐに表示されない場合は、ブックマークレットをクリックしてみてください。

さらにサポートが必要な場合は、プロセス全体をより詳細に説明している ブログ投稿 を発見しました。

19
patrick

もう1つの非常に簡単な解決策は、「ファビコンが嫌い」chrome拡張子を使用することです。これにより、ファビコンを変更するWebサイトのURLと画像のURLを入力できます。ファビコンをどのようにしたいかの残りはあなたのために処理されます。

彼らのウェブサイトへのリンク ここ

2
jarvisschultz

私も同じ問題を抱えていましたが、最初は気づいていませんでした。

最近、Chrome(バックアップを作成せずに)でファビコンファイルを削除しましたが、を使用しているため、突然すべてのブックマークツールバーリンクにアイコンが表示されなくなりました。 )javascript:window.openを使用して、新しいタブで開きます。

今日、私はブックマークレットに何ヶ月もファビコンを持っていた理由に気づきました。最初にFirefoxからChromeに切り替えたとき、そこからすべてのブックマークをインポートし、後で上記のJavaScriptを使用してメモ帳ですべて手動で編集しました。

Firefoxは、base64コードですべてのアイコンを追加しました。

pattulus'solution が機能することを確認できます。さらに、すべてのbase64コードに手動で変換して追加したくない場合は、ブックマークレット以外のクリーンなブックマークをエクスポートして編集します。外部でそれらを再インポートします。

つまり、すべてのブックマークリンクに対して同じJavaScriptで編集し、メモ帳の置換機能を使用するだけの私の場合のように単純な場合です。

2
Bonz