[Android] 모바일 브라우저 앱에서 웹뷰 디버깅하는 법

※ 이 포스팅은 맥북 기준으로 작성됐다

 

웹뷰 기반의 하이브리드 앱이라면 유저들은 반드시 플레이 스토어에서 앱을 다운받지 않아도 앱의 대부분의 기능을 쓸 수 있다. 삼성 인터넷이나 크롬 등 브라우저 앱에서 서비스의 도메인으로 이동해 모바일 웹 형태로 서비스를 이용할 수 있기 때문이다.

하지만 특정 브라우저 앱에서 문제가 생긴다면 그 브라우저 앱에서 웹뷰를 실행하고 디버깅해야 하는데, 아무 설정도 안 한 크롬 인스펙터로는 브라우저 앱에서 디버깅할 수 없다.

이 포스팅에선 크롬 인스펙터에서 브라우저 앱에 표시되는 웹뷰를 디버깅하는 방법을 간략하게 확인한다.

 

먼저 터미널에서 아래 명령어를 실행한다.

 

brew install --cask android-platform-tools

 

이 명령어를 입력해서 설치해야 브라우저 앱을 디버깅할 수 있으니 반드시 실행한다.

그리고 맥북에 테스트 기기를 연결한다. 당연히 개발자 모드를 켜고 USB 디버깅 모드도 on으로 바꿔야 한다.

모두 끝났다면 삼성 인터넷 또는 크롬 앱을 실행한다. 그리고 크롬 인스펙터로 들어가면 뭔가 표시될 것이다. 뭔가 보인다면 이제 브라우저 앱에서 디버깅할 준비가 끝난 것이다.

 

삼성 인터넷과 크롬 앱의 각 식별자는 아래와 같다.

 

• 삼성 인터넷 : com.sec.android.abb.sbrowser
• 크롬 앱 : Chrome