크롬으로 모바일웹 디버깅하기

가끔 크롬 모바일 버전과 실제 모바일 기기에서 다르게 나올때가 있는데,

그때마다 실제 기기를 개발자도구로 보고 싶었던 적이 많다.

진작 그 방법이 있었는데, 이제 알게 되었다!!!

1. 컴퓨터에 모바일 USB 드라이버를 설치해야한다.

참고 : https://developer.android.com/studio/run/oem-usb?hl=ko

2. 모바일 설정 > 개발자 옵션 > USB디버깅체크

(LG는 개발자 옵션이 활성화되있더라도 한번 비활성화 한 후 활성화를 해야 USB디버깅이 활성화가 된다.)

3. 핸드폰에서 알럿으로 연결하겠냐는 창이 뜨고 확인을 누른 후!

3. 크롬창에서 chrome://inspect/#devices 주소로 들어간다.

4. 아래와 같은 화면이 뜬다! 해당하는 탭 밑에 inspect 를 클릭하면!

5. 이렇게 아래와 같이 화면이 뜨면 성공!

※ 참고 url https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?hl=ko