Remote TestKit과 Chrome for Android의 연계

개요

Chrome for Android의 신기능인 리모트디버그 기능을 Remote TestKit 경유에서도 이용하실 수 있게 되었습니다.
Chrome for Android의 리모트디버그 기능이란, Chrome for Android상의 사이트에서 PC상의 Chrome DevTools를 이용할 수 있는 기능입니다.
이 기능과 Remote TestKit을 이용하여 여러 단말에서의 사이트 및 Web어플리케이션의 검증이 가능합니다.
※본 기능을 이용하려면 PC에 adb설정이 되어있어야 합니다.
특별한 지정이 없는 경우 “command line tool”은 Windows에서는 명령 프롬프트를, Mac에서는 터미널을 가리킵니다.

대여한 단말에서 Chrome설치

  1. Chrome for Android를 실행시켜 메뉴에서 [설정]버튼을 누릅니다.
  2. 하단에 [develop tool]버튼을 누릅니다.
  3. [USB 웹디버그 활성화]에 체크합니다.
  4. 검증하고자하는 웹페이지를 표시해둡니다.

chrome설정

PC와 스마트폰에서 Chrome접속

Eclipse(ADT)・DDMS・adb와의 연계를 설정하지 않은 경우는 「유효기능- ADT・DDMS・adb] 메뉴를 선택하여 ADT・DDMS・adb연계를 활성화합니다.

command line tool을 실행하여, 하기의 명령을 입력합니다.

adb forward tcp:9222 localabstract:chrome_devtools_remote


adb forward

PC의 Chrome DevTools에서 스마트폰사이트검증

PC상의 GoogleChrome에서 다음 URL에 접속해주세요.

http://localhost:9222/

PC Chrome


스마트폰에서 열어둔 웹페이지가 표시될 것입니다.
열어둔 페이지를 클릭하면 스마트폰에서 표시되고 있는 사이트에서 PC상의 Chrome DevTools를 이용할 수 있습니다.
조작은 PC에서 이용할 때와 똑같은 방법으로 실제의 화면을 보면서 DOM의 내용을 확인하거나 디버깅할 수 있습니다.


Developer Tools

※본 정보는 게재 시점의 정보입니다.