안드로이드에서 브라우저 디버깅하는 방법 (feat. 크롬, 삼성 브라우저)

안드로이드에서 브라우저 디버깅을 해야할 때가 있다.
MAC 환경에서 어떻게 디버깅할 수 있는지 한번 정리해보자.

환경 세팅

brew install --cask android-platform-tools

갤럭시 기준으론 아래와 같다.
설정 > 휴대전화 정보 > 소프트웨어 정보 > 빌드 번호 5번 클릭

설정 > USB 디버깅 체크 > 장치와 USB 연결

아래 명령어로 제대로 연결이 되었는지 확인할 수 있다.

adb devices

설정 > 무성 디버깅 > 페어링 코드로 기기 페어링

adb pair ipaddr:port

혹은 IP 주소 및 포트를 활용하여 직접 연결할 수 있다.

adb connect ipaddr:port

230126-131551

PC에서 chrome://inspect/#devices로 들어가서 inspect을 실행하면 된다.
Remote Targe에 장치가 안 뜬다면 위 방법들 중 다른 방법을 시도해보길 바란다.

230126-132252

삼성 브라우저, 크롬 브라우저 모두 디버깅이 가능하다.
시뮬레이터에서의 동작이 실제 디바이스 화면에서도 반영이 된다!