핸드폰 웹페이지 디버깅 하는 방법

안녕하세요. 넌소중햇입니다.

 

개발할때 보통 PC에서 개발해서 크롬으로 보통 디버깅을 하는데요.

모바일로 테스트할때 디버깅하는 방법에 대해 적어보도록 하겠습니다.

 

1. 우선 PC에 핸드폰 USB 드라이버 설치를 해줍니다. (핸드폰 인식이 된다면 안해도 됩니다.)

 

2. 안드로이드 스튜디오 SDK 다운로드 여기에 가셔서 안드로이드 스튜디오를 설치합니다.

 

3. 스튜디오가 설치된 위치의

C:\Users\kook\AppData\Local\Android\Sdk\platform-tools\adb.exe

adb.exe 경로를 시스템 Path에 적용해 줍니다. 

위치는 검색창에 내 PC를 검색하신후에 오른쪽버튼을 클릭하셔서 속성에 들어가시면

시스템창이 나옵니다. 

고급시스템설정 > 고급 > 환경변수 > Path선택 > 편집 > 위경로 추가(주의할점은 위에 경로는 제 PC경로이기때문에 자신의 PC경로로 해주셔야 합니다.) > 확인

Path 선택 순서

 

4. 위에서 추가했으면 adb서버 활성화를 하신다음에

adb서버 활성화 : 실행 >> cmd >> adb.exe start-server

adb서버 비활성화 : 실행 >> cmd >> adb.exe kill-server

 

6. 안드로이드 폰 디바이스 시스템 설정 > 개발자 옵션 > USB 디버깅체크을 하시고

내 핸드폰하고 PC하고 연결하신다음에 크롬에서

chrome://inspect/#devices

이 주소로 들어가시면 내폰의 크롬창들이 동기화가 되서 화면에 뜨게 됩니다.