Firefox のブックマーク・ツールバーをファビコンでスマートに

firefox のタブで、タイトルの横についているアイコン。メニューの「ブックマーク」で、名前の横についてるアイコン。このアイコンをファビコン (favicon) というそうな。ファビコンはサイト管理者が用意しておき、ブラウザーがそのページを読み込むとタブやブックマークに表示するようになってる。

ブックマーク・ツールバー

さて、firefox には手軽にブックマークを置く場所としてブックマーク・ツールバーというのが用意されてる。ブックマーク・ツールバーには、ブッマークやブックマークレットを置く。このツールバーにもファビコンが表示される。

• clmemo@aka: ブックマーク・ツールバー |firefox|

ブックマーク・ツールバーのブックマークを右クリックして「プロパティ」を選ぶと、ブックマークの名前を編集できる事は前に書いた。ブックマーク・ツールバーの大きさは限られてるので、なるたけ短めの名前に直しておきたい所。例えば「Welcome to Gmail」より「Gmail」だけの方がスペースを取らない。

実はこの「名前」の部分、空にしてしまっても問題ない。そうするとファビコンだけが残る。Windows のクイック起動ツールバーと同じ感じで気に入ってる。

Bookmarklet の場合

ファビコンはサイトごとに用意されてるものなので、ブックマークレット用のファビコンはない。

そこで、他人のファビコンをブックマークレット用に借用する tips。

まず、使いたいファビコンを持っているサイトをブックマークに保存する。ブックマークに保存直後、ファビコンは読み込まれていないので、そのサイトをブックマークをクリックして訪ねてファビコンを firefox に読ませる。

次に firefox を終了させて、プロファイル中の bookmarks.html というファイルをエディターで開く。プロファイルの保存場所は Firefox Help: プロファイルの管理を参照されたし。

保存したブックマークを探す。例えばはてなブックマークのページを保存したら下記のようなソースが見つかるはず。

<DT><A HREF="http://b.hatena.ne.jp/at-aka/" 
ADD_DATE="1138122681" LAST_VISIT="1138122792" 
ICON="data:image/x-icon;base64,AAA..省略.."
LAST_CHARSET="UTF-8" ID="rdf:#$kceBy1">はてなブックマーク - at-akaのブックマーク</A>

ここで色の変わった ICON="..." 部分をコピーする。

bookmarks.html の中にはブックマークツールバーフォルダという項目もあって、そこにブックマークのソースが書かれている。はてなブックマークに追加するブックマークレットならこんな感じ。

<DT><A HREF="javascript:window.open('http://b.hatena.ne.jp/...省略"
 ADD_DATE="1133319223" LAST_MODIFIED="1133319232" LAST_CHARSET="UTF-8" 
 ID="rdf:#$X3NQF" HERE></A>

HERE と書かれた場所に、さっきコピーした ICON の内容をペーストする。

bookmarks.html を保存して firefox を起動すれば、bookmarklet にもファビコンがついたのが見えるはず。

この方法は、ブックマークでも有効。Google へのリンクに Yahoo! のファビコンを付けるなんてこともできる。

最後にぼくのブックマーク・ツールバーのスクリーン・ショットを。

左から、「Gmail へのブックマーク」「Spurl に追加するブックマークレット」「はてなブックマークに追加するブックマークレット」「Google Reader に登録するブックマークレット」etc...