Chrome에서 Android기기 Inspect기능으로 Device 검색이 안될 때

먼저 Chrome의 inspect기능이 뭔지 간단히 설명하자면, Java Script나 CSS작업을 하고 브라우저에서 실행되는 값들에 대해 확인을 하기 위해선 흔히 브라우저에서 제공하는 개발자모드를 통해 스크립트 오류가 없는지, CSS 상속관계는 어떻게 되는지 확인을 합니다.

그런데 모바일 기기에서는 브라우저에서 개발자모드를 제공을 안하고 있죠, 즉 모바일용 웹페이지를 만들고 폰으로 확인을 했을때 문제가 발생할 경우 문제가 생기는 부분을 정말 찾기가 어렵습니다.

Android 키켓(4.4)이상 버전부터는 Chrome에서 모바일에서 보고있는 웹페이지에 대해 개발자 모드를 지원해주고 있습니다. 즉 일반 웹브라우저처럼 모바일에서 실행되는 Script나 CSS를 확인할 수 있습니다.

inspect기능을 이용하기 위해서는 Chrome이 USB로 연결된 모바일 장치가 인식이 되어야 사용할 수 있는데요, USB 드라이버가 정상적으로 설치가 되어 있다고 하더라도 장치를 인식하지 못하는 경우가 종종 발생하더라구요..

이럴 때 해결방안입니다. 각 단계별로 쭉 따라 하시면 됩니다.

1. Android SDK를 설치 한다.
2. SDK가 설치된 폴더에서 platform-tools 폴더를 찾는다.
3. Command창을 열고 위에서 찾은 platform-tools 폴더로 이동한다.
4. platform-tools 폴더에 adb.exe 파일을 찾아서 아래의 순서대로 명령어를 실행한다.
5. adb devices
6. adb kill-server
7. adb start-server
   
   

위 순서대로 처리하고 Chrome에서 재시도해보면 정상으로 Device를 검색할 것입니다.