안드로이드 기기에서 크롬 모바일 브라우저 디버깅하기.


개발자 도구가 잘 갖추어진 크롬을 개발환경에서 주로 쓴다.
안드로이드 기기에서 크롬 모바일 브라우저를 사용한다면, 모바일 환경에서도 크롬 개발자 도구로 디버깅할 수 있다.


안드로이드 기기(스마트폰 등) 설정

  • 설정 이동
  • 모바일 기기 개발자 도구(developer options) 이동
  • USB 디버깅(USB Debugging) 체크

기기와 PC를 연결한다.


PC 설정

  • 크롬 브라우저 구동
  • 주소창에 chrome://inspect 입력
  • discover USB devices 체크

이제 기기가 연결되고, 모바일 크롬 브라우저에 띄워놓은 창을 크롬 개발자 도구(developer tool)로 디버깅 할 수 있다.


또한 포트 포워딩(port forwarding)기능을 이용하면, PC에서 띄운 서버가 모바일에서도 접속된다.
포트 포워딩(port forwarding)버튼을 누르면 창이 나오는데, 이곳에서 값을 넣고 Enable port forwarding을 체크하여 설정한다.
예를 들어 PC에 서버를 localhost:8080으로 띄우고, 아래처럼 설정하면 모바일에서 localhost:8080으로 PC서버에 접속된다.
8080 localhost:8080


참조

https://developers.google.com/chrome-developer-tools/docs/remote-debugging