자동 새로고침은 페이지를 최신 상태로 유지하지만, 많은 페이지에서는 로드될 때마다 특정 요소를 클릭해야 합니다 — "결과 새로고침" 버튼, "더 보기" 링크, "수락" 프롬프트 또는 새로고침할 때마다 초기화되는 필터 등이 있습니다. 해당 요소에 신뢰할 수 있는 텍스트가 없거나, 여러 번의 클릭이 정해진 순서대로 발생해야 하는 경우 키워드 매칭은 적합한 도구가 아닙니다. 바로 이럴 때 선택자로 요소 클릭 기능이 사용됩니다.
키워드 감지 탭에서 선택자로 요소 클릭을 활성화하고 하나 이상의 CSS 선택자 또는 XPath 표현식을 입력하세요. 페이지가 로드될 때마다 확장 프로그램이 해당 요소를 찾아 순서대로 클릭하며 — 키워드 감지와 완전히 독립적으로 작동하므로 키워드가 전혀 필요하지 않습니다.
대상을 추가합니다. 가장 쉬운 방법은 내장 선택기입니다: 페이지에서 요소 선택을 클릭합니다., 그런 다음 실시간 페이지에서 원하는 요소를 클릭하여 선택자를 캡처합니다. (선택하면 팝업이 닫히므로 페이지와 상호작용할 수 있습니다 — 캡처된 내용을 확인하려면 이후에 확장 프로그램을 다시 엽니다.)
직접 입력하는 것을 선호하시나요? 선택자 편집을 사용하여 CSS 선택자 또는 XPath 표현식을 직접 입력합니다.
여러 번 클릭해야 하는 경우 대상을 더 추가합니다. 위에서 아래 순서로 실행되므로 클릭할 순서대로 배치하고, 위로 이동 / 아래로 이동을 사용하여 순서를 변경합니다.
저장을 클릭합니다. 다음 새로고침부터 확장 프로그램이 페이지가 로드된 후 각 대상을 클릭합니다.
CSS 선택자 또는 XPath?
CSS 선택자는 대부분의 경우에 가장 적합합니다 — ID, 클래스 또는 속성으로 대상을 지정합니다. 예: #refresh-btn, button.load-more 또는 a[data-action="reload"].
XPath는 CSS로 표현할 수 없는 더 어려운 대상에 사용됩니다 — 예를 들어 포함된 텍스트로 요소를 선택하거나 구조에서 특정 위치로 이동하는 경우입니다.
대상에 XPath 대체를 설정할 수도 있으므로, 사이트 변경 후 CSS 선택자가 더 이상 일치하지 않더라도 확장 프로그램은 요소를 찾을 수 있는 두 번째 방법을 계속 유지합니다.
선택자를 입력하면 작은 일치 배지가 현재 요소와 일치하는지 알려주므로, 의존하기 전에 “현재 페이지에서 이 선택자와 일치하는 요소가 없습니다” 또는 “선택자 구문이 잘못되었습니다”를 확인할 수 있습니다.
신뢰하기 전에 테스트하세요
이 기능은 모든 새로고침마다 실행되므로 잘못된 선택자는 같은 잘못된 항목을 계속 클릭할 수 있습니다. 그래서 각 대상에는 지금 테스트 클릭 버튼이 있습니다. 이 버튼은 새로고침 상태에 영향을 주지 않고 실시간 페이지에서 선택자에 대해 정확히 한 번 클릭을 실행하므로, 먼저 올바른 요소를 클릭하는지 확인할 수 있습니다. 아직 설정된 항목이 없다면 테스트 전에 CSS 또는 XPath 선택자를 추가하라는 안내가 표시됩니다. 테스트가 예상대로 작동하면 자동화를 안심하고 실행 상태로 둘 수 있습니다.
자동화하기 좋은 항목
읽을 수 있는 레이블이 없는 버튼 — 키워드 매칭으로 지정할 수 없는 아이콘 전용 새로고침 또는 다시 로드 컨트롤입니다.
반복적인 닫기 작업 — 쿠키 배너, 뉴스레터 팝업 또는 각 로드 후 다시 나타나는 "아직 계신가요?" 프롬프트입니다.
다단계 순서 — 두 개의 선택자를 순서대로 지정하여 패널을 열고 그 안의 확인 버튼을 클릭합니다.
초기화되는 필터 및 토글 — 페이지가 다시 로드될 때마다 다시 적용하려는 "최신순" 정렬 또는 카테고리 필터입니다.
선택자로 요소 클릭은 자동 클릭기의 가장 정밀한 기능입니다. 표시되는 단어를 추측하는 대신 CSS 또는 XPath를 사용하여 정확한 요소를 대상으로 지정하고 매 새로고침 후 클릭합니다. 내장 선택기로 요소를 선택하고, 한 번 테스트하고, 대상을 올바른 순서로 배치하면 자동 새로 고침가 모든 주기에서 클릭 작업을 대신 처리합니다 — 키워드와 완전히 독립적으로 작동합니다.