Chrome을 사용하여 웹 사이트에서 div를 영구적으로 차단하는 방법은 무엇입니까?


11

내가 좋아하는 웹 사이트가 하나 있지만, 나를 괴롭히는 주석 섹션이 있습니다. Chrome에서 페이지 전체에 댓글을 영구적으로 보유하고있는 div를 차단하고 싶습니다.

임시 삭제의 경우 Chrome의 웹 개발자 도구를 사용하여 노드를 제거하면됩니다. 그러나 그것을 영원히 제거하는 방법?

어떻게해야합니까? 나는 Adblock이 나에게 도움이되지 않으며 좋은 의도를 내 기지 않는다는 내기. 시도하더라도 정신 건강에 좋지 않은 의견을 통해 감추고 있습니다. 힌트 : 댓글이 매우 낮은 스포츠 웹 사이트입니다.

가상 예제는 다음과 같습니다.

  • 사이트 : www.sportsrumours.com
  • 차단할 DIV : <div class="comments">All annoying comments go here</div>
  • DIV는 www.sportsrumours.com의 모든 페이지에서 동일합니다

답변:


24

이런 종류의 경우 일반적으로 Chrome 용 Stylish Addon 을 권장합니다 .

애드온을 설치하면 해당 사이트를 찾아 다음 사이트로 이동하십시오.

스타일 (아이콘)> 설치된 스타일 관리> 새 스타일 쓰기. 이름을 지정하고 "적용 대상"을 선택하십시오. 주석을 제거 할 사이트의 도메인을 지정하고 "도메인의 URL"을 선택하십시오.

div를 숨기려면 다음과 유사한 코드를 사용하십시오.

.comments {display: none !important;}

저장하면 div가 숨겨져 있습니다.

수정 : 스타일러스가 스타일러스로 변경되었습니다. https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne


참고 : Stylish의 데이터 수집 관행에 따른 스캔들 이후, 코드는 갈래 질되고, 청소되었으며 "스타일러스"로 다시 게시되었습니다. 기쁘게 하다!
Vincent Vancalbergh


10

Adblock Plus 크롬 또는 파이어 폭스 확장 프로그램을 사용할 수 있습니다. 활성화되면 확장 아이콘을 클릭 한 다음 "요소 차단"을 클릭하십시오. 그런 다음 페이지에서 차단하려는 요소를 클릭 할 수 있습니다.

그러면 Adblock Plus는 해당 요소를 찾을 때마다 해당 요소를 차단합니다.


2
Dunno가 왜 다운 보트를했는지. 애드 블로커는 현재 매우 오랫동안 차단 요소를 지원했습니다. 따라서 Stylish에서 규칙을 만들 수 있으면 CSS 선택기를 지원하므로 Adblock Plus 또는 uBlock Origin을 사용하여 규칙을 차단할 수 있습니다.
Daniel B

1
좋은! 수년 동안 AdBlock Plus를 사용했지만 그 깔끔한 기능을 전혀 발견하지 못했습니다. 때때로 나는 그 "duh"순간을 얻는다 ;-)
deryb

와우! 좋은 팁. 고맙습니다. Adblock Plus를 사용하면 원하는 요소를 쉽게 제거 할 수 있습니다.
HomTom

수용된 솔루션보다 훨씬 쉬움
Owen

1

Stylebot 크롬 확장을 사용할 수 있습니다 . 설치 후 웹 사이트로 이동하여 Stylebot을 열고 화살표 도구를 사용하여을 선택하십시오 DIV. 그런 다음를 찾아 Layout and visibility클릭하십시오 hide. 이 DIV사라지고 변경 사항이 유지됩니다. 물론 원할 때마다 취소 할 수 있습니다.


1
Stylebot이 작동하지 않는 것 같습니다. 다른 anwer에서 권장하는 세련된 작업이 훌륭합니다.
Tim Swast
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.