크롬 인스펙터] chrome inspect, 모바일 웹 디버깅 하는 방법

Chrome Inspect.

한글로 '크롬 인스펙터' 라고 하는데 실제 모바일 기기를 크롬 개발자툴에서 그대로 구현해서 편리하게 디버깅할 수 있는 기능이다.

 

사용방법

첫째, 모바일 USB 드라이버를 설치한다.( https://developer.android.com/studio/run/oem-usb?hl=ko )

 

삼성 기기인 경우 빨간색 박스로 표시된 url로 다운받는다.

 

둘째, 모바일 기기(휴대폰)에서 개발자 디버깅모드 허용을 해줘야한다.

셋째, 크롬 주소창에 'chrome://inspect/#devices'를 입력하여 접속한다.

모바일로 localhost 접근 이전 화면

넷째, 모바일로 개발할 프로젝트(ex] localhost:8080)에 접속한다.

모바일로 localhost 접근 이후 화면

다섯째, 빨강박스로 표시된 inspect를 클릭한다.