안드로이드 기기에서 크롬 모바일 브라우저 디버깅하기.
개발자 도구가 잘 갖추어진 크롬을 개발환경에서 주로 쓴다.
안드로이드 기기에서 크롬 모바일 브라우저를 사용한다면, 모바일 환경에서도 크롬 개발자 도구로 디버깅할 수 있다.
안드로이드 기기(스마트폰 등) 설정
- 설정 이동
- 모바일 기기 개발자 도구(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
by 月風
