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

PC 웹에서는 반응이 있는데 Android WebView 에서는 반응이 없어서 확인을 하고 싶은데

이전에는 alert 나 Debug 를 찍어서 확인했었다.

근데 크롬 인스펙터라는걸 이용하면 쉽게 디버깅 할 수 있다고 했는데 나는 지금까지 이 존재를 몰랐다.

어떤 사수를 만나도 이 존재를 알려주지 않았었는데 오늘 처음으로 들었는데 아주 편하게 이용했다.

크롬에 들어가서 chrome://inspect/ 를 주소창에 치면

이런식으로 페이지가 뜬다. 기다리다 보면 USB 로 연결해놓은 디바이스 이름이 뜨게된다.

여기서 inspect 를 누르면 이제 모바일 화면이 PC 크롬에서 확인할 수 있다.

모바일 화면이 움직이는대로 PC 크롬에서도 같이 움직이는데 개발자 도구를 열어서 오류뜨는걸 확인하면 아주 편하게

디버깅을 할 수 있게 된다.

크롬에서 제공하는 DevTools ( 디버깅 툴 ) 인데 잘 활용하면 모바일 웹 디버깅하는 속도가 빨라져서 에러를 파악하는 데

시간을 많이 줄일 수 있을 것 같다.

https://developer.chrome.com/docs/devtools?hl=ko

Chrome DevTools  |  Chrome for Developers