ublock origin , adblock plus 필터 사용법

 

css selector 의 문법을 따름

https://codens.tistory.com/1865

 

 

//==============

애드블록 소스코드

https://github.com/adblockplus/adblockplus

 

adblockplus-master-151005-1.zip

다운로드

 

 

//=====================

adblock plus 필터 사용법

https://adblockplus.org/ko/filters

* 도메인 차단
||example.com^ 
http://example.com/*

    - 허용
    @@|http://example.com
@@example.com

 

* <div >

//===========================================

// html 소스 예제
<div class="textad">
노래를 잘하고, 변기도 잘 뚫는 메이비!
</div>
<div id="sponsorad">
DJ로서 전혀 손색이 없는 메이비!
</div>
<textad>
좋은 음악으로 팬들에게 인사해주세요!
</textad>
//===========================================

 

//막기

##div.textad          <- class
##div#sponsorad  <- id
##*#sponsorad     <- 모두
##textad             <-특정 태그

 

* 특정 도메인에서만 차단 (example.com)
example.com##*.sponsor
    - 허용 :  example.com#@#div.textad  동일  ~example.com##div.textad

 

 

//=========================
<처음과 끝 일치 막기>
    - |

|http://block.com    : http://block.com
    https://block.com 는 못막음

||block.com    : http://block.com 과 https://block.com 둘다 막음



* 끝 막기
.swf|  :  .swf로 끝나는 모든 요소를 막음


* 도메인 전체 막기
||domain.com^

 

//-----------------------------------------------------------------------------

* 속성값중 포함하는 일부값으로 막기(와일드카드 효과)

https://github.com/gorhill/uBlock/wiki/Procedural-cosmetic-filters

    - img src 값에 /banner/를 포함하고 있으면 막기

example.com##img:matches-attr(src="/banner/")

 

//=========================
<id 나 class 가 없는 경우>

* style 속성으로 막기
   
    예제 <div style='width:100px; height:100%;'> 인 경우

    adblock 필터에 추가 항목
    domainxx.com##div[style="width:100px; height:100%;"]

 

//-----------------------------------------------------------------------------

 

 

//=========================
< 허용, 예외 >

* 특정 사이트나 페이지 허용(적용 예외) (good.com/goodpage.htm)
@@||good.com/goodpage.htm


* 특정사이트(good.com)에서 사이트(i.imgur.com) 허용
||i.imgur.com^$domain=~good.com


* 특정사이트(good.com)에서 요소(##div.popup) 허용
~good.com##div.popup