모바일 웹 디버깅 하기 : 안드로이드 크롬 브라우저 사용

모바일 웹 디버깅 하기 : 안드로이드 크롬 브라우저 사용

모바일 웹 디버깅 궁금해 하시는 분들이 계셔서 올려봅니다. 모바일 웹사이트 제작시에 가끔 활용하고 있습니다. 쉽게 확인을 할 수 있는 방법입니다. PC에 스마트폰 연결하고 크롬 브라우저 실행하면 준비가 끝입니다.

그럼 아래 방법을 차근히 따라오셨으면 합니다.

1. 컴퓨터에 USB로 안드로이드 스마폰을 연결하고

크롬 앱에서 사이트를 접속을 해둡니다.

2. 크롬 웹 브라우저에서

주소창에 

chrome://inspect/#devices

입력합니다.

크롬 앱으로 실행중인 웹사이트 정보가 보입니다.

inspect 을 클릭합니다.

이렇게 새로운 창에서 디버깅 테스트를 하시면 됩니다.

p.s

안드로이드 디버깅 모드 활성화 방법

설정 - 디자이스 정보 - 빌드번호 를 여러번 클릭을 합니다!!!

개발자 옵셥이 활성화가 되었다는 메시지가 나옵니다.

설정 - 개발자 옵션 - USB 디버깅 체크를 해주시면 됩니다.

참고 자료 :https://developers.google.com/web/tools/chrome-devtools/remote-debugging/