サイトのデザインをお好みに変えちゃう

見ているホームページのスタイルシートを、自分好みに変えてしまえる、
Google Chromeの拡張機能の紹介です。
(ブラウザが、Google Chromeでないと使えません。)

Stylebot

右下の「Chromeに追加」をクリックして、拡張機能としてインストールします。
すると、アドレスバーの右端に、「CSS」と表示されるようになります。

パソコンどーじょーのように、CSSを使っていない原始的なサイトでは使えません。
しかし、最近のスタイリッシュなページは、だいたいCSSを使っていますから、
Stylebotでデザインを変えることができます。

ためしに、CNNのサイトを変えてみましょう。
(↓クリックすると、別ウィンドウで画像が開きます。)

トップページでもどこでもいいので、ページを表示したら、
アドレスバーの右端にある「CSS」をクリック。
すると、パネルが開きます。

パネルがジャマなときは、右上の「<」をクリックすると、
左端に移動することができます。

まず、領域選択ボタンをクリック。
ページ内にカーソルを移動すると、領域がで囲まれます。
ためしに、上部に出てくるバナー(広告)領域をクリックしてみます。
そして、「Hide」を押すと、広告が消えました。

こんな調子で、背景の色やフォントなど、スタイルを変えられます。
あれこれいじって、おかしくなってしまったら、「Reset Page」で、
元の状態に戻ります。

変更内容は、このサイト内のほかのページでも反映します。

↓通常の、CNNのトップページ。

広告をなくして、背景はピンク系に。
フォントは、太字にしてみました。↓