에디터 웹 API의 버튼과 텍스트에 좌표를 사용하는 방법.
페이지 정보
본문
안녕하세요. 엔지엠소프트웨어입니다. 웹업무 자동화를 좀 더 쉽게 사용하기 위해 마우스 좌표 기능을 대폭 향상 시켰습니다. 이 테스트를 학습하려면 웹 API에 대한 학습이 이미 이루어져 있어야 합니다. 웹 API의 기본 셋팅 및 학습은 아래 글을 참고하세요.
엔지엠 매크로 에디터를 실행하고, 새로운 스크립트를 추가하세요.
웹 API의 연결 액션을 추가하고, 네이버로 설정하세요.
네이버에 검색어를 입력하고, 돋보기 아이콘을 클릭해야 합니다. 처음 웹브라우저가 실행되었을 때 돋보기 아이콘이 보이지 않기 때문에 창 크기를 늘려줘야 합니다. 웹브라우저 옵션을 Size로 변경하고, 크기를 조정하세요. 사용자의 모니터에 따라 크기는 다를 수 있습니다.
모니터 화면 기준으로 웹브라우저가 왼쪽으로부터 10px, 위쪽으로부터 10px 떨어져 있습니다. 엘리먼트의 위치는 ViewPort 0, 0이기 때문에 클라이언트 사이즈를 제외해야 합니다. 여기서 클라이언트 사이즈는 좌측과 상단에 있습니다.
클라이언트 사이즈를 알려면 아래와 같은 프로그램으로 확인이 가능합니다. 저는 픽픽을 이용해서 상단에서부터 Body 영역의 ViewPort까지의 픽셀값을 알아냈습니다. 상단 오프셋 값은 130정도 되는거 같습니다. 상단 오프셋은 웹브라우저에 따라 다를 수 있습니다. 확장 도구나 브라우저 설정등등에 따라 상단 영역의 크기가 변화하니까요.
좌측의 오프셋 값도 알아내야 하는데요. 잘 표시는 안되지만, 웹브라우저의 위치는 x 10, y 10입니다. 하지만, 그림을 잘 보면 위보다 왼쪽이 더 넓게 느껴집니다. 이는 윈도우 10부터 프로그램에 그림자 영역이 생겼기 때문입니다. 그래서, 창을 최대화 했을 때 매인창의 x 좌표가 -8로 표시됩니다. 그림자 영역이 8px이기 때문입니다. 이걸 알려면 [ 프로그램 정보 ] 액션을 사용하세요. 매인 윈도우와 콘트롤 윈도우의 X, Y 값을 비교해보면 정확한 오프셋 값을 알아낼 수 있습니다.
텍스트 액션에서 마우스 좌표를 네이버의 검색창으로 설정하세요. 그리고, 위에서 알아낸 오프셋 값을 설정하세요. 검색어로 사용할 텍스트 값은 "ngm매크로"입니다.
버튼 액션은 검색 버튼인 돋보기로 좌표를 설정하세요. 같은 브라우저라서 오프셋은 동일합니다.
매크로를 실행하면 아래 동영상과 같이 검색어를 입력하고 조회까지 진행됩니다.
참고로, 버튼과 텍스트에 좌표를 사용하는 경우 iframe을 자동으로 처리 해줍니다. 따라서, 브라우저 컨트롤 액션으로 iframe을 변경할 필요가 없습니다. 좌표 계산은 항상 매인 윈도우에서 처리됩니다. iframe 안에서 작업중이라면 다시 브라우저 컨트롤로 빠져나와야 합니다.
- 버튼: iframe 설정 여부와 상관없이 정상 동작
- 텍스트: 항상 최상위 페이지에서만 정상 동작
개발자에게 후원하기
추천, 구독, 홍보 꼭~ 부탁드립니다.
여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~
감사합니다~
- 이전글엔지엠 매크로 에디터에서 요일을 알아내는 여러가지 방법. 23.12.22
- 다음글다수의 매크로 컴퓨터에 메세지를 주고 받는 방법. (ActiveMQ TCP 통신 액션 이동) 23.12.20
댓글목록
등록된 댓글이 없습니다.