NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 팁 앤 테크
  • 매뉴얼

    팁과 테크니컬 노하우를 확인하세요.

    팁 앤 테크

    팁과 테크니컬 노하우를 확인하세요.

    본 사이트의 컨텐츠는 저작권법의 보호를 받으므로 무단 복사, 게재, 배포 등을 금합니다.

    에디터 웹소켓 API의 웹브라우저 콘트롤을 이용해서 브라우저에 자바스크립트 실행하기. (마우스 스크롤, RuntimeEvaluate)

    페이지 정보

    본문

    안녕하세요. 엔지엠소프트웨어입니다. 지금까지 [ 웹소켓 명령 ] 액션의 많은 메소드의 사용방법을 알아봤는데요. 웹업무 자동화 매크로의 핵심 기능은 RuntimeEvaluate입니다. 이 메소드 하나로 웹에서 처리할 수 있는 대부분의 동작을 만들어서 실행할 수 있습니다. 아직 웹소켓 API에 대해 학습하지 않은 분들은 아래 예제를 먼저 테스트 해보세요.

    웹소켓 API를 이용해서 페이지 이동하는 방법. (PageNavigate) ]

    웹소켓 API를 이용해서 인풋 콘트롤에 텍스트 입력하기. (InputSetText) ]

    웹소켓 API를 이용해서 인풋 콘트롤에 입력된 텍스트 가져오기. (InputGetText) ]

    웹소켓 API의 웹브라우저 콘트롤을 이용해서 브라우저 데이타를 삭제하는 방법. (ClearBrowserData) ]

     

    웹브라우저에서 스크롤하는 방법을 학습 해보겠습니다. 아래와 같이 네이버로 이동할 수 있도록 PageNavigate 웹소켓 액션과 RuntimeEvaluate 웹소켓 액션 2개를 추가하세요.

    KG9dqEW.png

     

     

    각각의 웹소켓 명령 액션의 파라메터는 아래와 같습니다.

    PageNavigate

    • 파라메터: { "url":"https://naver.com"}

     

    RuntimeEvaluate

    • 파라메터: { "expression":"(function() { window.scrollTo(0, 1000) })();"}

     

    [ 웹소켓 연결 ] 액션을 스크립트의 가장 위에 추가하세요. 사용중인 웹브라우저가 아닌 독립적으로 실행하도록 만들 예정입니다. 사용자 프로필을 선택하면 독립적으로 실행되는데요. 이렇게하려면 윈도우 바탕화면에 Chrome 폴더를 만들고 그 안에 UserData 폴더를 만드세요. UserData 폴더 안에 Profile 1 폴더를 만듭니다. 그리고, 아래 그림처럼 연결 액션의 사용자 프로필 경로에 아래와 같이 입력하세요.

    ※ <사용자>는 컴퓨터마다 다르므로 자신의 사용자로 변경해야 합니다.

    • 사용자 프로필 경로: C:\Users\<사용자>\Desktop\Chrome\UserData\Profile 1

    kH8f7ND.png

     

     

    매크롤를 실행하면 구글 크롬 웹브라우저가 실행되고 네이버로 페이지가 이동합니다. 그리고, 스크롤이 아래로 1000만큼 이동합니다.

     

     

    자바스크립트를 이용해서 스크롤하는 방법은 아래 글에서 자세하게 설명하고 있습니다.

    자바스크립트 - 특정 엘리먼트로 스크롤을 천천히 이동시키는 방법 ]

    [ 자바스크립트 - 웹브라우저에서 스크롤하는 방법 ]

     

    윈도우 API를 사용하면 좀 더 자연스럽고 다양한 방식으로 웹브라우저에서 스크롤할 수 있습니다.

    [ 윈도우에서 스크롤하는 다양한 방법 ]

     

    개발자에게 후원하기

    MGtdv7r.png

     

    추천, 구독, 홍보 꼭~ 부탁드립니다.

    여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

    감사합니다~

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천0 비추천0

    댓글목록

    등록된 댓글이 없습니다.