안드로이드 크롬 개발자 도구 원격 웹 디버깅(윈도우 PC)

- Android Chrome Devtool Remote Debugging

 

//-----------------------------------------------------------------------------
< 안드로이드 기기(스마트폰, 태블릿) 설정 >

 

* 개발자 옵션 활성화 방법
안드로이드 설정 -> 휴대전화 정보 -> 소프트웨어 정보 -> 빌드번호 : 7번 연타

* USB 디버깅 활성화 방법
안드로이드 설정 -> (맨 아래) 개발자 옵션 
    -> USB 디버깅 : 켜기

    -> 기본 USB 구성 : 파일 전송

 

 

* 안드로이드에서 크롬 실행후 웹사이트를 연다

 

//-----------------------------------------------------------------------------
< Windows 에서 설정 작업>

* 안드로이드 기기의 USB 드라이버 설치

* USB 로 PC와 안드로이드 기기 연결
     - 윈도우에 안드로이드 기기가 나타나지 않으면 USB 드라이버를 설치후 PC 재부팅

     - Google USB Driver Download
https://developer.android.com/studio/run/win-usb

     - 삼성 안드로이드 USB 드라이버 다운로드
https://developer.samsung.com/android-usb-driver

     - USB 드라이버 설치후에도 충전만 되고 휴대폰이 윈도우에 나타나지 않으면 PC , 휴대폰 재부팅후 연결


* Android Studio 실행 (옵션)
     - Android Studio 설치
https://developer.android.com/studio


* PC 크롬 설정
chrome://inspect/#devices

* Discover USB devices : 체크
하단에 원격 디버깅 할수 있는 크롬 리스트가 나옴
inspect 선택해서 원격 디버깅


* 디버깅 기기 리스트가 안나오는 경우 해결 방법
- 크롬의 다른 탭이나 페이지 창을 모두 닫는다.
- 양쪽 기기의 크롬을 모두 최신 버전으로 업데이트 한다.
- Discover USB devices 체크를 해제했다가 다시 체크하면 휴대폰에서 USB 디버깅을 다시 물어볼 수도 있음

- 시간이 10분 정도 걸릴 수 있음
- chrome://inspect/ 페이지의 다른 메뉴(Pages등)들을 선택해서 변화를 본다.