Adblock Plusの興味深い使用法

<div id="age-verification-container"></div> <div id="age-verification-wrapper"> <div class="age-verification-modal clearfix"> <div class="age-verification-left"> <div class="logo age-verification-logo"> <img src="https://bi.phncdn.com/www-static/images/pornhub_logo_straight.png?cache=2017072020" alt="Pornhub" width="150" height="40" /> </div> </div> <div class="age-verification-right"> <h1> ,    18-, ,   </h1> <p>      18   .    18 , , ,   .    , , ,    ,    .           , ,    .</p> <p>  ,   18   ,           , x,    ,    , XXX .   ,    ,    .             ,           .              -    .</p> <p>          18        .     ,        .</p> <br/> <p>      ,         </p> <div id="auth_button" class="age-verification-button"> <button onclick="return show_vk_widget();" id="js-checkAge" class="age-verification-button-enter removeAdLink"> <span>a  </span> </button> </div> 

アイテムを隠す

基本的なルール

Webページ自体にテキストとして埋め込まれているため、ブロックできない広告が表示される場合があります。 このようなページのソースコードを見ると、次のようなものが見つかります。

  <div class = "textad">
ここと今だけで一番安い豆腐！
 </ div>
 <div id = "sponsorad">
本当に安い豆腐はこちらをクリック！
 </ div>
 <textad>
ここでしか最高の豆腐が手に入ります！
 </ textad>

正しく表示するには、ページが完全に表示されている必要があります。つまり、広告がダウンロードされ、これは回避できません。 ここでできることは、見たくないものを隠すことです。 このために、要素を隠すための規則が適用されます。

上記の最初の広告スローガンは、textadクラスを持つdiv要素内にあります。 次のルールは非表示になります： ##div.textad 。 ここで、「##」は非表示ルールの記号であり、残りは非表示にする要素を決定するセレクターです。 同じ方法でID属性によって要素を非表示にできます。 ##div#sponsoradは2番目のスローガンを非表示にします。 要素自体の名前を指定する必要はありません。フィルター##*#sponsoradも機能します（*はオプションです）。 名前だけで要素を非表示にすることもできます。 たとえば、 ##textadは3番目の広告スローガンを非表示にします。

Element Hiding Helper拡張機能は、ページのソースコードを調査せずに適切な要素を選択し、適切なルールを作成するのに役立ちます。 とにかく、HTMLの基本的な知識が望ましいです。

注 ：非表示ルールは、通常のフィルターとは根本的に異なります。 たとえば、通常のマスクシンボルはサポートされていません。意味と用途が異なります。