윈디하나의 누리사랑방. 이런 저런 얘기

글쓴시간
분류 기술,IT
크롬 안드로이드 원격 디버깅(Remote Debugging on Android with Chrome)

※ 크롬 안드로이드에서 원격 디버깅 하는 방법

1. PC와 Android 폰에 크롬을 설치한다.

2. Android 폰의 설정에 들어가 개발자 옵션에서 "USB 디버깅"을 활성화 한다.

사용자 삽입 이미지


3. PC와 Android 폰을 USB케이블로 연결한다. 연결이 완료되면 Android 폰에서 "USB 디버깅을 허용할까요?"라는 질문이 나오는데, "확인"을 터치한다.

사용자 삽입 이미지

USB 디버깅 허용여부 팝업 화면



4. PC에서 크롬을 열고 주소에 chrome://inspect 을 친다. Devices 탭에 사용하고자 하는 디바이스가 떠 있을 것이다.

사용자 삽입 이미지


5. Android 폰에서 크롬을 실행한 후 탭을 열어 웹사이트에 들어간다. PC의 크롬에서는 아래와 같이 탭 목록이 보이게 된다.

사용자 삽입 이미지


6. 목록 하단의 Inspect 를 클릭하면 아래와 같이 Chrome 디버깅 창이 열려 디버깅이 가능해진다.

사용자 삽입 이미지


※ chrome://inspect 에서 안드로이드 폰이 보이지 않는 경우

- 우선 기기가 윈도에서 정상적으로 인식되었고 디바이스 드라이버가 모두 로드되었는지 확인한다. 디바이스 드라이버에 문제가 있다면 제조사 지원페이지에가서 드라이버를 다운받아 다시 설치한다.

- 또한 기기가 USB 디버깅 인증 되지 않은 경우 이런 문제가 발생할 수 있다. 인증되었는지는 ADT를 설치한 후 ADT에 번들되어있는 adb를 사용해 알 수 있다. "adb devices" 명령을 주었을 때 디바이스ID 옆에 unauthorized 로 나와있으면 미인증 기기다.

사용자 삽입 이미지

ADB 실행 화면. (Device ID는 화면에서 삭제되어있다)


- 이런 경우 재인증 하면 된다. 케이블을 분리한 후, Android 폰의 개발자 옵션에서 "USB 디버깅 권한 승인 취소"를 선택해 권한 승인을 취소한 후 다시 연결 하면 "3단계" 에서 보인 "USB 디버깅을 허용할까요?" 팝업이 다시 뜰 것이다. 이때 확인을 선택해 디버깅을 허용한다.

----

Remote Debugging on Android with Chrome: https://developer.chrome.com/devtools/docs/remote-debugging