개발 창고/Android

[Android] How to debug web views in Chrome

로이제로 2023. 11. 22. 22:00
반응형

 

1. 단말기를 PC에 연결

가지고 있는 안드로이드 폰을 PC에 연결합니다.

 

2. Chrome://inspect 접속

크롬 주소창에 "Chrome://inspect"를 검색합니다.

inspect에 접속한 화면

 

현재는 연결된 Device가 없는 상태이고, 만약 USB를 통하여 연결을 하면 아래와 같이 연결된 Device가 표시됩니다.

device가 연결된 화면

 

이때 USB는 반드시 데이터 파일 전송모드(디버깅 모드)가 되어야 합니다.

 

3. 브라우저 연결

Android폰에서 Chrome을 열면 현재 내 Chrome에서 띄어진 창들 개수만큼 목록이 뜨게 됩니다. 이 중에서 내가 연결하고자 하는 탭의 "inspect"를 클릭하면 아래와 같이 안드로이드 화면이 Chrome의 DevTools에 뜨게 됩니다.

반응형