안드로이드 크롬브라우저 디버깅 하는 방법

0. 시작하는 글

웹 개발자라면  브라우저 디버깅은 필수이다.

iOS는 safari 브라우저에서 디버깅을 많이 하고, Android는 Chrome 브라우저에서 디버깅을 많이 한다.

이번에는 Android Phone에서 Chrome 브라우저를 디버깅 하는 방법을 블로깅 해보았다.

 

 

1. 폰에서 개발자 기능 활성화

 

2. adb 설치하기

1) adb 프로그램을 다운로드

https://developer.android.com/studio/releases/platform-tools

 

2) PC내 환경변수 설정

- '고급시스템 환경설정' 으로 검색 : 환경변수에서 시스템 변수 path를 편집에서 adb 설치 경로 추가 

 >> C:\{개인경로}\{adb프로그램 설치경로}\platform-tools

 

3) cmd를 통한 확인

- adb 실행 : adb 설치 명령어

- adb devices 실행 : 현재 PC에 연결된 모바일 확인 가능

 

3. PC Chrome 브라우저에서 디버깅 

1) Chrome 주소창에 chrome://inspect/#devices 라고 입력

2) 폰에서 크롬 브라우저 창에서 띄워져있는 것 중 디버깅 하고 싶은쪽에 inspect 버튼을 클릭

 

3) 크롬브라우저 디버깅

- 모바일을 켜놓은 상태에서 아래처럼 PC Chrome 브라우저에서 디버깅이 가능

 

 

Reference :

https://blog.naver.com/lifeformula/221685090225

https://backstreet-programmer.tistory.com/30