firefox の bookmarklet に favicon を

firefox のブックマーク・ツールバーに置いた bookmarklet には firefox が用意したアイコン (favicon?) が付けられる。これをプロファイルの中の bookmarks.html をいじって、好みの favicon に変更する方法を以前書いた。

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

この方法だと、firefox を再起動しないと設定が反映されない。firefox を再起動せず、favicon を設定する方法を最速インターフェース研究会の ma.la さんが CLON の記事にコメントで書かれていたので、まとめてみる。

• ネタ元: CLON - 2006/02/08 - coComment のブックマークレットのアイコンをfaviconに

bookmarklet の favicon 設定方法

http://www.foo.com/ の favicon を使いたいとする。

1. ブックマーク・ツールバーに bookmarklet を登録
2. http://www.foo.com/ を開いて「このページをブックマーク」、保存先は「ブックマークツールバー」
3. bookmarklet を右クリックして「プロパティ」を開く
4. 「URL:」にある javascript コードをコピー
5. 2. で保存したブックマークを右クリックして「プロパティ」を開く
6. 「URL:」にある URL を削除して、4. でコピーした javascript をペースト
7. 「名前:」を bookmarklet の名称に変更
8. オリジナルの bookmarklet を削除

これでお終い。ぼくは前の記事に書いたように「名前:」を空にしてアイコンだけ表示させるようにしている。今のぼくのブックマーク・ツールバーはこんな感じ。

一番左が Gmail へのブックマーク。続けて左から順に Spurl, はてなブックマーク, Remember the milk, CalendarHub, blummy, Google Reader, coComment の bookmarklet。

ICON を消す

これも同じネタ元からだけど、次のコードを userChrome.css に追加すると。

#personal-bookmarks toolbarbutton[statustext*='MATCH'] > image {
    display: none !important;
}

URL (JavaScript) に MATCH を含む (ブックマーク・ツールバーの) ブックマーク (or bookmarklet) のアイコンが非表示になる。

ぼくはアイコンだけというのを好むけど、逆にテキストだけの方がいいという人は、こちらの Tips をどうぞ。