[JS]Mobile web debug for Android

 

실제 웹 서비스를 진행하다보면 PC에서는 문제가 없지만 가끔 모바일에서만 오류가 나는 경우가 있다.

오류가 난다는 이야기를 듣고 버그를 잡기위해 PC에서 개발자도구 열고 열심히 디버깅을 해도 알 수 없는 노릇...

 

"모바일에서는 개발자도구 열고 디버깅을 할 수 없을까?"하는 생각에 찾아보게 된 이번 글

 

결론은 "가능하다"

 

아 우선 안드로이드에 해당하는 내용입니다.

 

1. 설정> 휴대전화 정보 > 빌드 번호를 7번 탭해서 개발자 옵션 활성화
2. 시스템 > 개발자 옵션 > USB 디버깅 ON

설정을 해줬다면 

chrome://inspect/#devices

 

크롬에서 해당 URL을 입력하면 현재 pc에 연결된 Device 정보를 볼 수 있는 사이트가 나옵니다.

그리고 핸드폰을 USB에 연결해서 모바일에서 chrome을 켜보면???

 

이런식으로 디바이스 정보가 밑에 나오게 되고 inspect라는 버튼을 누르면 모바일 디버깅이 가능해집니다.

 

웹개발자들을위한 이 기능은 혁신!!!!!!!