[JavaScript] PC Chrome에서 안드로이드 Mobile 브라우저 웹 디버깅하기

 

PC Chrome에서 안드로이드 Mobile 브라우저 웹 디버깅 할 수 있는 방법을 설명드리겠습니다.

 

1. 안드로이드 기기 설정

참고: https://developer.android.com/studio/debug/dev-options.html

- 설정 > 개발자옵션 > 디버깅 > USB 디버깅 버튼 활성화

 

2. Android Debug Bridge 설치

- https://developer.android.com/studio/releases/platform-tools?hl=ko 접속 후 SDK 다운로드
- 다운로드 파일 압축풀기
- 시스템속성 > 환경변수 Path에 압축 푼 파일 경로 추가 ( 폴더경로/platform-tools )

 

3. 안드로이드 기기를 PC에 USB로 연결

- USB 연결 후 기기에서 'USB 디버깅을 허용하겠습니까?' 연결 알람이 뜨면 허용 클릭

 

4. chrome://inspect/#devices 접속

- PC Chrome 주소창에 chrome://inspect/#devices 입력 후 Enter 접속

- com.sec.android.app.sbrowser : 삼성 브라우저
- Chrome : 크롬 브라우저

- 주소 아래의 inspect 버튼 클릭

 

5. 디버깅 진행하기

 

참고 : https://developer.chrome.com/docs/devtools/remote-debugging/