티스토리 뷰

프로그래밍/WEB

안드로이드 ICS 크롬 디버거 사용법

앙망 2012. 5. 9. 17:39

안로이드 ICS 부터 크롬 브라우저가 제공되어 PC환경과 마찬가지로 Developer Tool을 사용하여 디버깅이 가능하다.

하이브리드 웹 개발의 가장 난제는 모바일 브라우저의 디버깅이 불가능하다는 것이었다. 그런데 구글링을 해보니 안드로이드 ICS부터 크롬 개발자툴을 제공하다는 글을 발견!! 하지만 난 진저브레드...
며칠 전 HTC 센세이션 OS 업데이트 기사를 보고 드디어 오늘 업데이트 실행~

https://developers.google.com/chrome/mobile/docs/debugging

Remote Debugging 사용방법

  1. HOST 와 모바일 기기의 USB 연결
  2. HOST에서 ADB 실행
  3. 모바일 기기에서 크롬 실행 및 디버깅 설정
  4. HOST에서 커맨드 실행
  5. HOST에서 크롬을 열고 http://localhost:9222/ 호출
  6. 마음껏 디버깅 하기~

1. HOST 와 모바일 기기의 USB 연결

2. HOST에서 ADB 실행

3. 모바일 기기에서 크롬 실행 및 디버깅 설정

4. HOST에서 커맨드 실행

adb forward tcp:9222 localabstract:chrome_devtools_remote

5. HOST에서 크롬을 열고 http://localhost:9222/ 호출

화면을 클릭하면 디버깅 화면으로 전환된다.


6. 마음껏 디버깅 하기~

모바일 화면

HOST화면

저작자표시 비영리 변경금지
공유하기 링크
댓글