크롬 모바일 디버깅

현재 ssh 웹을 개발하고 있는데, 모바일로 접속하면 입력이 이상한 버그가 있었다. 원인을 찾고자
모바일에서 테스트를 하던 중 크롬에서 제공하는 디버깅모드를 발견했다.

1. 먼저 PC와 스마트폰을 USB로 연결한다.

2. 설정 > 개발자 옵션 > USB 디버깅 활성화
    - 간혹 활성화 상태에서 인식을 못할 때가 있는데, USB 디버깅 옵션을 비활성화 했다가 다시 활성화 하면 된다.

USB 디버깅 활성화

3. 크롬에서 chrome://inspect/#devices 에 접속한다.

4. 다음처럼 화면에 기기명이 보일 것이다. 이 때 스마트폰에서 크롬으로 디버깅하려는 웹에 접속하면 된다.

chrome://inspect/#devices

5. 그럼 페이지 목록이 뜨고, "inspect"를 누르면 디버깅할 수 있는 창이 활성화 된다.

    - 페이지 목록이 뜨지 않으면 스마트폰에서 웹을 새로고침 하거나 껐다 켜보자.

디버깅하려는 웹의 inspect 클릭

 

6. 디버깅

디버깅할 수 있는 새 창

 

* 안드로이드 기준으로 작성된 글입니다.