크롬을 이용하여 모바일에서 inspect 활성

https://nigayo.github.io/javascript/2014/03/14/Chrome_Android_remote_debugging.html

PC에서는 크롬을 이용하면 F12만 누르면 쉽게 웹 페이지 소스와 네트워크 등등을 확인 할 수 있다.

이것을 모바일에서 동작 시켜 보자!

안드로이드 기준으로 개발자 옵션을 활성화 후 USB 디버깅을 하고 USB를 이용하여 PC에 접속!

이때 PTP 모드로 접속해야 한다 (우리가 자주 쓰는 방식은 MTP이다.)

폰과 PC를 연결하였다면

크롬으로 접속하여 아래 URL로 이동한다.

chrome://inspect/#devices

연결이 되었다면 화면에 디바이스 기종이 나타나며 핸드폰에서 웹페이지를 동작하면 디바이스 정보 밑에 

아래와 같이 활성화 되면 inspect를 클릭하여 확인하자