03 April 2012

(Firefox) StylishでWebページの広告を削除する

FirefoxのStylish拡張機能を使えば、Webページの広告宣伝部分をまとめて削除することが出来る。ニュースサイトが無償で運営されているのは広告料があるから… という理屈があるので、コマーシャルを自動削除するHDDレコーダーと同じくモラルに反している可能性はあるが。

■ 例えば、Yahoo! ニュースの画面右側ペインを消す場合


@-moz-document domain('news.yahoo.co.jp'),
domain('headlines.yahoo.co.jp'),
domain('finance.yahoo.co.jp') {
div#sub { visibility:hidden; }
}

20120403-yahoo01.jpg
Yahooニュース 通常表示

20120403-yahoo02.jpg
Yahooニュース Stylish適用

■ 様々なニュースサイトでの設定


@-moz-document domain('news.yahoo.co.jp'),domain('headlines.yahoo.co.jp'),
domain('finance.yahoo.co.jp') {
div#sub { visibility:hidden; }
}

@-moz-document domain('my.yahoo.co.jp') {
div#pos-lrec { visibility:hidden; }
div#myyads { visibility:hidden; }
}

@-moz-document domain('itmedia.co.jp') {
div#masterSub { visibility:hidden; }
}

@-moz-document domain('itmedia.co.jp') {
div#masterSub { visibility:hidden; }
}
@-moz-document domain('gihyo.jp') {
div#sub, div#secondary { visibility:hidden; }
}
@-moz-document domain('toyokeizai.net') {
div.menu, div.relation { visibility:hidden; }
}
@-moz-document domain('diamond.jp') {
div#sub-column { visibility:hidden; }
}

@-moz-document domain('diamond.jp') {
div#sub-column { visibility:hidden; }
}
@-moz-document domain('jp.reuters.com') {
div.secondaryContent, div.leftrail { visibility:hidden; }
}

@-moz-document domain('nikkeibp.co.jp') {
td#subContent, td#sideNavi { visibility:hidden; }
}

ボーダーの色が黒でコントラストが強すぎる場合は…


* { border-color: #a0a0a0; }

セクション区切りの横線 hr を消したい場合は


@-moz-document domain('example.com') {
hr { visibility:hidden; }
}