브라우저에서 확장 프로그램을 사용하여 보고 싶지 않은 웹페이지 부분을 제거할 수 있습니다. 성가신 요소, 주의를 산만하게 하는 요소 및 관련 없는 콘텐츠를 제거하는 것은 인터넷에서 정보를 소비하는 동안 집중하고 효율적으로 유지하는 좋은 방법입니다.
이 기능을 브라우저에 추가하는 많은 확장 프로그램이 있습니다. 많은 사람들이 이미 가지고 있을 것이기 때문에 저는 uBlock Origin에 집중할 것입니다. 그렇지 않은 경우 설치하는 것이 좋습니다.
uBlock 오리진이란 무엇입니까?
uBlock Origin은 모든 주요 브라우저에서 사용할 수 있는 무료 오픈 소스 광고 차단기입니다. 또한 이 문서에서 사용할 맞춤 요소를 제거할 수 있는 요소 선택 도구도 포함되어 있습니다.
CSS 선택기 또는 XPath에 대한 지식이 있으면 이 자습서를 진행하는 데 도움이 되지만 필수는 아닙니다. uBlock Origin은 기술적 지식 없이도 요소를 선택할 수 있는 시각적 도구를 제공합니다. 그래도 선택기를 수동으로 작성하는 것이 일반적으로 더 안정적입니다.
차단 요소가 유용한 이유
인터넷에서 우리는 끊임없이 정보를 소비하고 있지만 우리와 관련이 없는 정보인 경우가 많습니다.
특정 웹사이트에 자주 액세스하는 경우 필요하지 않은 정보를 조건부로 선별하고 애초에 소비하지 않을 수 있다면 생산성을 크게 높일 수 있습니다.
- 활동 또는 소셜 미디어 피드에서 특정 유형의 이벤트 제거
- 원하지 않는 작업을 수행하도록 요청하는 팝업 제거
- YouTube 또는 소셜 미디어에서 특정 작성자의 게시물 삭제
- 주의를 산만하게 하거나 주의를 끄는 역동적인 요소를 제거합니다.
HTML 요소 필터링 방법
요소를 필터링하려면 브라우저 상단의 uBlock Origin 아이콘을 클릭한 다음 스포이드 아이콘이 있는 요소 선택기를 클릭하세요. (추가 정보)
제거하려는 콘텐츠를 선택하여 시작할 수 있습니다. 선택이 완벽하지 않더라도 시작점일 뿐입니다.
오른쪽 하단에 상자가 나타나면 "선택" 버튼과 슬라이더가 있는 시각적 도구를 사용하거나 선택기를 수동으로 지정할 수 있습니다.
빨간색으로 강조 표시된 내용은 "만들기" 버튼을 선택하면 제거되는 내용입니다. 이러한 변경 사항은 나중에 페이지를 새로 고치거나 다시 방문한 후에도 유지됩니다. 이것이 어떻게 작동하는지 봅시다.
CSS 선택기
CSS 선택기를 사용하여 제거하려는 대부분의 요소를 쉽게 제거할 수 있습니다. 페이지에서 정적 콘텐츠를 제거하는 데 유용합니다.
##div.news div.release, div.news div.push )
##.p-client__banners )XPath
일반적으로 다음 두 가지 이유 중 하나로 XPath를 사용하려고 합니다.
- 요소의 값을 확인해야 합니다.
- 자식의 속성에 따라 요소를 선택해야 합니다.
이는 동적 또는 사용자 생성 콘텐츠를 제거하는 데 유용합니다. 전체 요소를 제거하고 싶지만 요소 자체가 아니라 그 안의 무언가가 기준과 일치하는 경우에만 제거합니다.
##:xpath(//a[./div/div/p/object/a = "DevilBro"]) )
필터 문제 해결
요소를 필터링할 때 선택기가 언제든지 중단될 수 있습니다. 웹사이트는 다양한 이유로 변경되며 대부분의 경우 유지 관리 또는 업데이트로 인해 변경됩니다.
그렇다고 해서 당신이 원하는 것을 하는 데 방해가 되지 않도록 하십시오. 요소를 제거할 때 이 점을 염두에 두어야 한다는 의미입니다.
선택기를 실제로 제거하려는 항목에 로컬로 유지하되 페이지의 다른 요소를 잘못 선택하지 않을 정도로 엄격합니다.
또한 클라이언트 측 수정을 인정하지 않는 웹사이트가 많이 있으며 HTML 속성 값을 임의로 변경하거나 난독화하여 이를 방해하려고 합니다.
이러한 경우 CSS 속성 선택기를 지정하거나 XPath를 사용하여 속성 값을 부분적으로 일치시키는 것이 가장 좋습니다.
##div[class^="nowPlayingColumn"] )필터 제거 방법
더 이상 차단하고 싶지 않거나 웹사이트가 변경된 경우 새 필터를 만들기 전에 설정으로 이동하여 이전 필터를 제거할 수 있습니다.
사용자 정의 필터를 제거하려면:
- uBlock Origin 설정으로 이동합니다.
- '내 필터' 탭을 선택합니다.
- 제거하려는 필터가 있는 줄을 삭제합니다.
- 상단의 '변경사항 적용'을 클릭합니다.
- 이전 페이지를 새로고침하세요.
기타 유용한 브라우저 확장 프로그램
웹사이트에서 특정 유형의 콘텐츠를 제거하는 데 사용할 수 있는 다른 확장 프로그램도 있습니다.
검색 엔진 결과 강조 표시 또는 숨기기
HOHSER(검색 엔진 결과 강조 표시 또는 숨기기)는 DuckDuckGo 및 Google을 포함한 모든 주요 검색 엔진을 지원합니다.
도메인 블랙리스트는 검색 엔진에서 사용할 수 있는 기본 사용자 설정이어야 한다고 생각하지만, 그렇게 되기 전까지는 이 확장을 사용하여 원하지 않는 도메인에서 결과를 숨길 수 있습니다.
- 재호스팅되거나 그늘진 다운로드 링크가 있는 웹사이트
- 가짜 쿠폰 웹사이트와 같은 검색 엔진 최적화 정크
- EU에서 사용자를 차단하는 웹사이트.
쿠키에 관심이 없습니다
I don't care about cookie는 쿠키 경고가 대부분의 웹사이트에 표시되지 않도록 제거하므로 직접 처리할 필요가 없습니다.
확장 프로그램은 쿠키 메시지를 숨기려고 시도하며 필요한 경우에만 쿠키를 허용합니다.
원하지 않는 쿠키가 저장되지 않도록 uBlock Origin 및 Privacy Badger와 같은 확장 프로그램과 함께 사용하는 것이 좋습니다.
또는 이 확장에 대한 필터 목록을 uBlock Origin에 추가할 수 있습니다. 그러나 이것은 쿠키 메시지와 광고 차단 필터가 함께 결합된다는 것을 의미합니다. 이 접근 방식을 사용하면 uBlock Origin을 비활성화한 웹사이트에 쿠키 메시지가 계속 표시됩니다.
uBlock Origin에 사용자 정의 필터 목록을 추가하려면:
- uBlock Origin 설정으로 이동합니다.
- '목록 필터링' 탭을 선택합니다.
- 하단의 '맞춤설정' 섹션으로 스크롤합니다.
- "가져오기..."를 선택합니다.
https://www.i-dont-care-about-cookies.eu/abp/추가 .- 페이지 상단에서 '변경사항 적용'을 선택합니다.
결론
로드하는 페이지에서 상당한 양의 콘텐츠를 차단해야 하는 상황이 아니기를 바랍니다.
하지만 필요하다고 느끼신다면 인터넷 검색이 조금 더 견딜 수 있기를 바랍니다.