웹사이트의 모든 이미지를 차단하는 방법은 무엇입니까?

Question

심각한 클릭베이티 이미지로 고통받는 웹사이트의 모든 이미지를 차단하여 텍스트만 표시되도록 하고 싶습니다. 일시적으로 이미지를 보고 싶은 경우 솔루션을 쉽게 비활성화/활성화할 수 있으면 좋을 것 같습니다. 어떻게 해야 하나요?

Answer 1

tl;dr

광고 차단기 필터에 다음 규칙 중 하나(또는 둘 다)를 추가하세요.

• example.com##img<img>모든 요소를 ​​차단하려면
• example.com$image제공되는 모든 이미지를 차단하려면example.com

자세한 내용은 메모 섹션을 확인하세요.

지도 시간

1. 광고 차단기를 설치하세요(예:유블록 오리진) 아이콘을 클릭하세요.
2. "내 필터" 표시줄을 클릭하고 example.com##img및/또는 을 붙여넣습니다 example.com$image.
3. "변경사항 적용"을 클릭하세요.

일시적으로 차단을 비활성화하려면 첫 번째 이미지에 표시된 것처럼 플러그인 패널에서 큰 켜기/끄기 버튼을 클릭하세요.

노트

• example.com##img<img>해당 웹사이트의 모든 DOM 노드를 차단합니다 . 이미지가 어디서 제공되는지는 중요하지 않습니다. 이미지가 태그 안에 있으면 <img>차단되지만 .background-image<div>
• example.com$imageexample.com어떤 사이트에서 이미지를 로드하려고 시도하더라도 제공되는 모든 이미지를 차단합니다 . 많은 사이트에서 CDN을 사용하여 사진을 제공하므로 examplecdn.comCDN에서 나오는 이미지를 차단하는 것은 example.com효과가 거의 또는 전혀 없으므로 차단해야 합니다. 사용하는 다른 사이트의 이미지 도 차단된다는 examplecdn.com점에 유의하세요 .examplecdn.com
• 이미지가 캐시되었기 때문에 차단이 발생하지 않는 경우도 있습니다. 이 경우 캐시를 사용하지 않고 강제 새로 고침을 수행하려면 Ctrl+ Shift+를 눌러야 합니다 .R
• 때때로 이미지에는 DOM 노드에 식별 가능한 클래스 속성이 있습니다. devtools로 약간 검사한 후(오른쪽 클릭->요소 검사) 대부분의 이미지를 표시하는 클래스를 나열하고 클래스 선택기 방식으로 차단할 수 있습니다.example.com##.image-container
• 이있다필터 구문에 대한 훌륭한 치트시트.