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


14

私はOS Xを使用していますが、ブックマークレットにファビコンが必要です。すでに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/ このtippの問題は、間違っている場合は修正してください-履歴やキャッシュなどを消去した後です事は再びなくなるでしょう。

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

回答:


19

まあ、それは時間がかかりましたが、私は解決策につまずいた:

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

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

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

さらに支援が必要な場合 は、プロセス全体を詳細に説明するブログ投稿を発見しまし


投稿を更新しました。詳細なチュートリアルが必要な場合は、追加したリンクをご覧ください。
パトリック

ただ、リンクはもはや機能していることをご承知作るために
スクルド


@MarkusJarderotによって提案されたキャッシュコピーを使用するリンクを修正し、data:プレフィックスを追加する必要性に関する説明を追加しました。
トム

また、リンクされたブログの投稿では、Chromeはこれらの手動で追加されたファビコンを同期しないと述べています。
トム

2

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

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


3
これはブックマークレットでは機能しないようです。
ゴリジャー

1

私は同じ問題を抱えていましたが、最初は実際にそれを認識しませんでした。

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

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

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

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

つまり、私の場合と同じくらい簡単で、すべてのブックマークリンクに対して同じJavaScriptで編集し、単純にメモ帳の置換機能を使用できる場合です。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.