나는 템퍼 몽키 스크립트로 DOM 조작해서 Remove하지만
스크립트 배포할까 했지만 어차피 애드블록이랑 원리 똑같아서 애드블록으로 하는 법 알려줌
차단 설정에 닉네임 박아라
gall.dcinside.com##tr.block-disable
(차단자 게시글 안보임)
gall.dcinside.com##li.block-disable
(차단자 댓글 안보임)
복붙해라
원리 설명해준다.
gall.dcinside.com
URL 패턴
##
화면에 숨길 요소 지정
tr.block-disable
css 선택자임 <tr> 중 차단 클래스 가진 모든 댓글 안보이게함
li.block-disable
css 선택자지만 <li> 중 차단 클래스 가진 모든 댓글 안보이게함
애드블록은 DOM 그릴때 CSS 차단 필터를 적용함
템퍼 몽키도 그렇게 할 수 있는데, 템퍼 몽키는 차단 DOM 삭제 로직을 직접해야함
디시 차단 CSS 특성자는 자주 바껴서 템퍼 몽키 추천 안하고
애드 블록은 Style에 강제로 스타일을 주입해서 Display를 안보이게 하는 식으로 둠 조작함
그래서 요소 숨기는 걸 직접 지원하기때문에 훨씬 강력함
gall.dcinside.com##tr.block-disable
gall.dcinside.com##li.block-disable
이거 2줄 애드블럭에 추가하면 안볼 수 있다.
템퍼 몽키로 더 강력하게 할 수 있지만, 이건 DOM 조작하는 방법을 설명하기 귀찮아서 안함
저 이 정도면 잘 팬거같습니까?
아 역시 형님입니다
for (const i of document.querySelectorAll('.ub-content')) if (blacklist.has(i.querySelector('.ub-writer')?.getAttribute('data-uid'))) i.remove();
비슷하게 되긴함. 깔끔함.
나랑 비슷하게 구현했노 템퍼몽키로