CSS 선택기를 사용하여 페이지를 새로 고칠 때마다 버튼을 자동으로 클릭하는 방법

일부 페이지는 한 번 더 클릭해야만 제대로 사용할 수 있습니다. 결과 표는 “더 보기”를 눌러야 하고, 대시보드에는 자체 새로고침 버튼이 있으며, 쿠키 배너가 콘텐츠를 가리거나, 페이지가 다시 로드될 때마다 필터가 초기화되기도 합니다. 자동 새로고침은 하루 종일 페이지를 다시 로드할 수 있지만, 매번 다시 로드된 후 버튼을 클릭해야 하고 직접 앉아서 클릭할 수 없는 경우라면 자동화는 절반의 작업만 수행하는 셈입니다.

Extfy의 Auto Refresh 확장 프로그램은 Detect Keyword 탭의 Click element by selector 기능으로 이 문제를 해결합니다. CSS selector를 사용해 버튼을 지정하면 페이지가 로드될 때마다 확장 프로그램이 해당 요소를 찾아 자동으로 클릭합니다. 키워드도 필요 없고, 코딩도 필요 없으며, 내장된 선택 도구가 선택자까지 자동으로 작성해 줍니다.

자동 새로고침

한국어

실행 중

시간 간격

새로고침 목록

키워드 감지

태그를 입력하세요

자동 클릭 도구

감지된 키워드 자동 클릭

선택자로 요소 클릭

더 보기 버튼 button.load-more

페이지에서 요소 1개와 일치합니다

페이지에서 요소 선택 지금 클릭 테스트 대상 추가

5단계로 설정하기

페이지에서 Auto Refresh 확장 프로그램을 열고 Time Interval 탭에서 평소처럼 새로고침 간격을 설정합니다.
Detect Keyword 탭으로 이동한 다음 Automatic Clicker 아래에서 Click element by selector를 선택합니다.
Pick an element on the page를 클릭합니다. 팝업이 닫히고 페이지에서 요소를 선택할 수 있으며, 클릭한 요소가 선택자로 저장됩니다. 확장 프로그램이 CSS를 자동으로 작성해 줍니다. (취소하려면 Esc를 누르세요. 이후 팝업을 다시 열어 저장된 내용을 확인할 수 있습니다.)
선택 사항으로 대상에 더 보기 버튼과 같은 이름을 지정해 목록을 보기 쉽게 만들고, Test click now를 눌러 한 번 클릭을 실행하여 올바른 요소를 클릭하는지 확인합니다.
Save를 클릭합니다. 이제부터 타이머 또는 수동으로 페이지가 다시 로드될 때마다 확장 프로그램이 해당 버튼을 찾아 자동으로 클릭합니다.

브라우저에서 Auto Refresh 확장 프로그램을 설치하고 웹페이지를 자동으로 새로고침하는 단계별 가이드를 확인하세요: https://auto-refresh.extfy.com/en/how-to-automatically-refresh-a-page-on-chrome-browser.html

30초 만에 이해하는 CSS 선택자

CSS 선택자는 페이지의 요소를 가리키는 주소와 같습니다. 스타일시트에서 “이 버튼은 선택하고 저 버튼은 선택하지 않는다”라고 지정할 때 사용하는 표기법입니다. #refresh-btn은 id가 refresh-btn인 요소를 의미하고, button.load-more는 load-more 클래스를 가진 버튼을 의미하며, a[data-action="reload"]는 해당 속성을 가진 링크를 의미합니다. 직접 작성할 필요는 없습니다. 요소 선택 도구가 대상을 클릭하면 선택자를 자동으로 생성하며, 세부 조정이 필요할 때만 읽어보면 됩니다. 직접 입력하는 방식을 선호하거나 선택 도구로 표현할 수 없는 경우에는 Edit selectors 화면에서 CSS와 XPath를 사용할 수 있으며, 사이트 업데이트로 CSS 선택자가 동작하지 않더라도 XPath 대체 경로를 설정해 클릭이 계속 작동하도록 할 수 있습니다.

자동화를 신뢰하기 전에 일치 배지를 확인하세요

클릭은 페이지가 다시 로드될 때마다 반복되므로 잘못된 선택자는 계속해서 잘못된 요소를 클릭하게 됩니다. 확장 프로그램은 이를 두 가지 방식으로 방지합니다. 첫째, 각 대상 아래의 실시간 일치 배지는 현재 선택자가 어떻게 해석되는지 정확하게 보여줍니다. 페이지에서 요소 1개와 일치합니다가 이상적인 상태이며, 현재 페이지에서 이 선택자와 일치하는 요소가 없습니다 또는 선택자 구문이 올바르지 않습니다가 표시되면 자동화에 의존하기 전에 수정해야 합니다. 둘째, Test click now는 새로고침 상태를 변경하지 않고 현재 페이지에서 정확히 한 번만 클릭을 실행하므로 자동화가 시작되기 전에 버튼이 제대로 반응하는지 확인할 수 있습니다.

한 번 이상 클릭해야 하나요? 대상을 순서대로 연결하세요

일부 페이지는 순차적인 작업이 필요합니다. 예를 들어 쿠키 배너를 닫고, 패널을 연 뒤, 실제 버튼을 눌러야 하는 경우입니다. Add target을 사용해 여러 선택자를 등록하면 페이지가 다시 로드될 때마다 위에서 아래 순서대로 클릭됩니다. 또한 Move up 및 Move down 기능을 사용해 페이지에서 요구하는 정확한 순서로 배치할 수 있습니다.

자동 새로 고침 페이지

목차