FirefoxでGoogle検索結果に番号を表示するアドオンStylish

Read More

FirefoxでGoogle検索結果に番号を表示するにはFirefoxアドオンのStylishを利用する。


検索結果に番号を付けると捗る


以下手順。


FirefoxでGoogle検索結果に番号を表示する

1.Stylishをインストールする

■Firefoxアドオン:Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/




2.Stylishを設定する
Firefoxのメニューから
ツール(T)→アドオン(A)をクリックする。



メニューの中に「ユーザースタイル」というStyleの項目が追加されているのでこれをクリック。



「新しいスタイルを書く」をクリック。



ウィンドウが開くので以下のように入力する。

名前:Google検索結果に番号を表示する
内容:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.google.co.jp") {
    body {
        counter-reset: result !important;
    }
    h3.r:before {
        content: counter(result) ". " !important;
        counter-increment: result !important;
    }
}




追加したスタイルがリストとして表示されている。



以上。


これでGoogle検索結果に番号が表示されるようになる。







--
Google検索結果に番号を表示してくれるFirefoxのアドオンはいくつかある。
自分もいくつか使ってきた。

だけどFirefoxのVerが変わったり、Google自体に変更があったときにまともに動かなくなったりする。
そうするといちいち新しいVerのアドオンがリリースされるのを待たなくてはならない。


その点このStylishってのは基本的にアドオンに依存しない。
もちろん今後Firefoxの大幅な仕様変更があってStylishも新しいVerにしないと使えないということはありうるが。


Stylishは特定のページにCSSを適用する機能に特化している。
だからGoogleページが今後もし大幅に変更されたとても先ほどのスタイルの中身を修正するだけで対応できる。




ちなみにCSSを操作するツールなのでこんなこともできる。






--
ついつい増えすぎてしまいがちなFirefoxのアドオン。
必要なものとそうでないものを精査していかないと時間がたつとほんとにえらいことになる。





--
関連記事

■Firefoxで読み込みに失敗した画像を表示するには
http://xirasaya.com/?m=detail&hid=258