코딩 없는 웹사이트 필터

코딩 없이 웹사이트 카드 목록 필터링하는 방법

반복 카드나 행이 있는 페이지에서 Website List Filter를 열고 카드 그룹과 원하는 표시 필드를 선택한 뒤, CSS나 JavaScript 없이 조건을 만들고 결과를 확인하세요.

반복 목록이 있는 페이지를 선택하세요

상품, 기사, 게시물, 디렉터리 항목, 갤러리 이미지처럼 콘텐츠가 카드나 행으로 반복되는 일반 HTTP·HTTPS 페이지에 적합합니다. 필터링할 값이 페이지에서 접근 가능한 텍스트나 속성으로 표시되어야 합니다.

Chrome 내부 페이지, Chrome 웹 스토어, 내장 PDF Viewer, Canvas 전용 목록, 접근할 수 없는 frame과 반복 구조가 없는 인터페이스는 지원하지 않습니다.

첫 웹사이트 필터 만드는 순서

  1. 웹페이지를 열고 필터링할 반복 목록이 표시될 때까지 기다립니다.
  2. Chrome 툴바에서 Website List Filter를 열고 카드 선택을 누릅니다. Side Panel은 페이지 옆에 열린 상태로 유지됩니다.
  3. 대표 카드나 행 하나의 바깥 영역을 클릭합니다. 감지된 반복 범위를 넓히거나 좁혀야 하면 위·아래 화살표 키로 조정한 뒤 Enter를 누릅니다.
  4. 제목, 가격, 태그, 평점, 작성자, 날짜 또는 필터링하려는 다른 표시 필드를 클릭합니다.
  5. 표시 값에 맞는 필드 유형과 비교 방식을 선택하고 조건 값을 입력합니다.
  6. 규칙을 현재 페이지에 적용해 결과를 미리 확인합니다. 일치 카드와 불일치 카드를 여러 개 확인한 뒤 저장하세요.
  7. 결과가 의도와 맞으면 규칙 이름을 정해 저장합니다. 먼저 적용하는 것은 선택 사항이지만 잘못된 필드나 조건을 찾는 데 도움이 됩니다.

안정적으로 카드를 선택하는 방법

작은 버튼 대신 카드 컨테이너 선택

링크, 버튼, 배지나 가격 글자만 클릭하면 반복 목록을 제대로 감지하기 어려울 수 있습니다. 카드 전체를 감싸는 바깥 여백부터 선택하고 파란 테두리가 같은 목록의 비슷한 항목을 함께 덮는지 확인하세요.

구조가 다른 카드는 별도 유형으로 추가

일반 상품 카드와 광고 카드는 모양이 비슷해도 HTML 구조가 다를 수 있습니다. 반복되는 다른 구조에도 같은 필터가 필요하면 별도 카드 유형으로 추가합니다.

사용할 값만 정확히 선택

제목, 가격, 평점처럼 평가하려는 필드만 고릅니다. 한 요소 안에 여러 값이 섞여 있다면 더 구체적인 하위 요소를 선택하는 편이 정확합니다.

결과 미리 보기와 원래 페이지 복원

조건을 적용한 뒤 결과 수와 실제 카드를 함께 확인하세요. 필드 값이 없거나 해석되지 않았다면 조건 불일치로 단정하지 말고 값 누락 처리 설정을 검토합니다.

규칙을 끄거나 복원 기능을 사용하면 확장 프로그램이 적용한 숨김·강조·정렬 변경이 제거됩니다. Website List Filter는 현재 화면만 바꾸며 웹사이트를 영구 수정하지 않습니다.