Google の検索結果を Stylish で見やすく Greasemonkey で使いやすくする

2008-12-22

Google の検索結果を Stylish で見やすく Greasemonkey で使いやすくする

2010-05-07：ここの内容は古いので、エントリーを更新しました

⇒ Google リニューアルに伴う Firefox 周辺（Greasemonkey、Stylish）設定の再点検（2010-05-07 版） - digital 千里眼

予習

Stylish でユーザーは、閲覧しているページに対し自分の CSS を指定できるようになる
Greasemonkey でユーザは、閲覧しているページで自分の JavaScript を実行することができる

Stylish で Google検索結果の幅を広くする

Before		After
	⇒

まずは Firefox のアドオン Stylish をインストール
- Stylish :: Add-ons for Firefox
次に Stylish の設定 [Google (search results) - widen results] をインストール
- Google (search results) - widen results - Themes and Skins for Google - userstyles.org の [Load into Stylish]ボタンでインストール
Google日本(.co.jp)に対応させるため、Stylish の CSS を修正
- 見にくいけど/* ここから */ から始まって /* ここまで */ を追加するだけ（下は修正済みのCSS）

@-moz-document 
               url-prefix(http://www.google.com/search?),
               url-prefix(http://www.l.google.com/search?),
               url-prefix(http://www.google.com/linux?),
               url-prefix(http://www.google.com/bsd?),
               url-prefix(http://www.google.com/microsoft?)
               /* ここから */ ,
               url-prefix(http://www.google.co.jp/search?),
               url-prefix(http://www.l.google.co.jp/search?),
               url-prefix(http://www.google.co.jp/linux?),
               url-prefix(http://www.google.co.jp/bsd?),
               url-prefix(http://www.google.co.jp/microsoft?) 
               /* ここまで修正 */
{
/* search results listing */
.s,
.j,
/* News results-snippet within normal web search */
[valign="top"][style="padding-top: 3px; width: 40em;"]
{
width:auto !important;
max-width:100% !important;
padding-right:8px !important;
text-align:justify !important;
min-width:200px !important;
}

/* Video results-snippet within normal web search */
[class="g"] > [class="ts"] > tbody > tr > [width="280"]
{
width:auto !important;
max-width:100% !important;
padding-right:8px !important;
text-align:justify !important;
min-width:200px !important;
}

.g
{min-height:1px !important;}
/*
this makes the widened results close to each other again.  If you want to have
a larger vertical space, I suggest you add {margin-top:#px !important} and
{margin-bottom:#px !important}  (Google's default value = 16px)
*/

}

CustomizeGoogle がうまく機能しないときは GoogleMonkeyR

[2007-05-27 追加]AutoPagerize と相性が悪いので併用しないこと！

最近 CustomizeGoogle の調子が悪い。検索結果のページ継ぎ足しが重複して表示されたり、Google グループが表示されなかったりする。バグ修正が待ちきれないなら Greasemonkey を使おう

Greasemonkey をインストール
- Greasemonkey :: Add-ons for Firefox
GoogleMonkeyR をインストール
- GoogleMonkeyR for Greasemonkey 画面右上の [Install] をクリック
設定は Google に移動してから画面右上の [GoogleMonkeyR] をクリック

設定画面を日本語訳すると上から

表示するカラム数
広告を消すかどうか
検索結果に番号を振るか
自動でページ継ぎ足しをするか（Autopagerize がインストールされている場合は Greasemonkey の設定で「ユーザースクリプトを実行しないページ」に google を登録すると良いでしょう）
Google 検索結果最上部の検索窓等を消す
各検索結果の背景色を指定
検索結果を別窓で表示（検索結果に対して・iGoogleに対して）
Google から追跡されないようにする
faviconを表示する・プレビューイメージを表示する