NGMsoftware

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

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

    팁 앤 테크

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

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

    스크립트 웹 API를 이용해서 새로 만들어진 탭을 닫아주는 기능 구현.

    페이지 정보

    본문

    안녕하세요. 엔지엠소프트웨어입니다. 엔지엠 에디터에는 웹 API를 이용해서 웹 업무 자동화를 쉽고 빠르게 구현할 수 있습니다. 이번 예제에서는 [ 브라우저 컨트롤 ] 액션을 통해 사용자가 생성한 탭을 닫고, 다시 이전 탭에서 작업할 수 있도록 도와주는 기능에 대해 알아보도록 하겠습니다. 이 테스트를 위해 엔지엠 에디터를 실행하고 첨부되어 있는 스크립트를 불러오세요.

    hUVve20.png

     

     

    웹 API의 [ 연결 ] 액션으로 네이버 카페 매인으로 이동해줍니다. 아래 그림을 참고해서 속성을 설정 해주세요. 웹사이트 주소는 아래와 같습니다.

    https://section.cafe.naver.com/ca-fe/

    hUVve20.png

     

     

    [ 버튼 ] 액션은 네이버 카페 매인에서 첫번째 카페를 클릭하도록 했습니다. 이 액션이 실행되면 새 탭으로 선택한 카페가 열립니다.

    GXIB4Bw.png

     

     

    [ 브라우저 컨트롤 ] 액션을 통해 다른 탭으로 컨트롤을 이동할 수 있습니다. 아래 그림과 같이 "네비게이션" 속성을 ①"SwitchTo"로 설정하면 탭을 이동할 수 있는 상태가 됩니다. 여기서 "윈도우 선택 옵션" 속성을 ②"Last"로 지정하면 마지막 탭이 선택됩니다. 물론, 수많은 탭이 열려 있다면 인덱스로 이동할수도 있습니다. 이 액션이 수행되면 새로 열린 탭이 선택되고 이 후 작업들이 마지막 탭에서 수행됩니다.

    B5cJs6z.png

     

     

    두번째 브라우저 컨트롤에서 "네비게이션 속성"에 "GoToUrl"을 선택하고, "네비게이션 값"에 이동할 사이트의 주소를 넣어줍니다. 예제에서는 http://ngmsoftware.com으로 이동하도록 했습니다. 이 액션이 실행되면 새 탭에서 엔지엠소프트웨어 사이트로 이동하는걸 확인할 수 있습니다.

    g6uJPTW.png

     

     

    세번째 브라우저 컨트롤에서 ①브라우저 또는 탭을 닫도록 "Close"로 설정합니다. ②네비게이션 옵션SwitchTo를 한번 더 설정해야 합니다. 현재 탭이 닫혔으므로 이후에 액션들은 없어진 탭에서 명령이 수행되기 때문입니다. ③윈도우 선택 옵션이전(Prev) 탭을 선택해야 합니다.

    jFBnDh9.png

     

     

    마지막 네번째 브라우저 컨트롤에서 구글로 사이트를 이동해줍니다. 여기까지 작성한 스크립트를 실행하면 네이버 카페에 연결되고, 첫번째 카페를 클릭하면서 새 탭이 만들어집니다. 새 탭에서 작업하기 위해 엔지엠소프트웨어 홈페이지로 이동하고, 탭을 닫아줍니다. 그런 후 다시 원래의 탭에서 작업하기 위해 이전 탭으로 이동시킨 후 구글 홈페이지로 이동하게 했습니다.

    lDZ5nhM.png

     

     

    이 스크립트를 실행해보면 탭을 어떻게 이동해야 하고, 각각의 탭에서 작업이 수행되는지 확인할 수 있습니다. 웹 브라우저 입장에서 탭은 하나의 프로그램과 같습니다. 그렇기 때문에 탭마다 고유한 핸들 값을 가지게 됩니다. 원하는 탭을 제어하기 위해서는 핸들 값을 지정하거나 인덱스로 탭을 이동하면서 작업을 이어나갈 수 있습니다.

     

    개발자에게 후원하기

    MGtdv7r.png

     

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

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

    감사합니다~

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

    첨부파일

    댓글목록

    등록된 댓글이 없습니다.