firefox のタブで、タイトルの横についているアイコン。メニューの「ブックマーク」で、名前の横についてるアイコン。このアイコンをファビコン (favicon) というそうな。ファビコンはサイト管理者が用意しておき、ブラウザーがそのページを読み込むとタブやブックマークに表示するようになってる。
ブックマーク・ツールバー
さて、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...
No comments:
Post a Comment