広告を表示しないブラウザーを作成する 初級

FireFox等のブラウザーの機能には要素の調査と言う機能があります。
今回はこの機能を使用して広告を削除する方法についてです。

題材は「Tools 4 Hack」さんのページを使用しますね。
次の通り広告が出てきますので、こちらの広告を削除する方法です。
ちなみにできることは次の通りです。

・タグの削除
・スクリプトの追加
・CSSの追加修正
・クリック先のURL変更

できることはここに書ききれないほどできます。
まずは広告を削除してみましょう!

FireFoxの場合右クリックで「調査」を開きます。
タブのインスペクターを見てください。
タグの<DIV>をマウスで探っていくと広告がアクティブ化されます。
これが広告を表示しているタグになります。
Classは’ad-area no-icon ad-index-top ad-rectangle ad-label-invisible cf’

後は消すだけです!消すためのコマンドが次の通りです。

document.getElementsByClassName('ad-area no-icon ad-index-top ad-rectangle ad-label-invisible cf')[0].outerHTML=""


はい、消すことができましたね!

document.getElementsByClassName('ad-area no-icon ad-index-top ad-rectangle ad-label-invisible cf')[0].outerHTML=""
document.getElementsByClassName('ad-area no-icon ad-index-middle ad-rectangle ad-label-visible cf')[0].outerHTML=""
document.getElementsByClassName('ad-area no-icon ad-index-bottom ad-rectangle ad-label-visible cf')[0].outerHTML="";

広告は3種類あるようです。top,middle,bottomを消してみましょう!
消すほかに文字を入力したり、htmlやscliptやcssにも書き込むことができます。

これらを駆使すると広告表示の無いブラウザーが作成可能です。
次回はブラウザーの作成方法について!