대부분은 이미 알고 있을 수도 있지만 가끔씩 어떻게 해야 되는지 기억이 안 나는 경우를 대비해 기록해 봅니다.
일단 안드로이드 앱 디버깅이란 안드로이드 앱을 스마트폰에 실행하고 그 화면을 직접 크롬 브라우저를 통해 보면서 디버깅을 하는 것을 말합니다.
단, 이 방법은 앱이 WebView를 사용하는 경우에 한해 가능하고 안드로이드 버전은 4.2 이상에서만 가능합니다.
필요한 준비물은 아래와 같습니다.
•안드로이드 스마트폰: 안드로이드 4.2 이상 탑재 필요, USB 디버깅 허용 설정
•안드로이드 앱 프로그램: WebView를 디버그 허용 옵션 적용 필요(이건 앱 개발자가 해야 하는 사항이네요)
•크롬 브라우저: 없으면 설치를 해야겠지요.
•스마트폰 제조사의 USB 드라이버: 각 제조사 홈페이지에서 다운로드가 가능합니다.
•ADB 드라이버: ADB가 포함된 안드로이드 SDK를 다운로드 받으면 되는데 이게 좀 사이즈가 크다 보니 간단히 ADB 드라이버만 다운로드 받습니다.
안드로이드 스마트폰 개발자 모드 활성화
안드로이드 스마트폰의 [설정]으로 들어가서 [휴대전화 정보] 아래에 [소프트웨어 정보]로 들어가면 [빌드번호] 항목이 있습니다. 이 항목을 빠른 속도로 클릭을 몇 번 해 주면 개발자 모드가 활성화되고 [휴대전화 정보] 밑에 [개발자 옵션]이 나타납니다.
개발자 옵션 중에서 [USB 디버깅]을 사용 가능하도록 변경해 줍니다.
안드로이드 앱 WebView 디버그 허용 옵션 활성화
이 부분은 앱 개발자에게 얘기를 해서 미리 활성화를 해 놓으면 배포 후 그대로 사용하면 됩니다. 이게 허용이 안 되어 있으면 디버그가 안됩니다.
크롬 브라우저 설치
IE 등의 브라우저에서 아래 URL로 들어가서 크롬 브라우저를 설치합니다.
http://www.google.com
스마트폰 제조사 USB 드라이버 설치
주요한 제조사 링크를 걸어놓습니다.
일단 삼성의 경우는 아래 URL에서 다운로드 받아 설치합니다.
https://local.sec.samsung.com/comLocal/support/down/kies_main.do?kind=usb
다운로드 페이지에 설치 가이드가 있네요.
다음은 LG의 경우는 아래 URL로 가서 다운로드 받아 설치합니다.
https://www.lge.co.kr/lgekor/download-center/downloadCenterList.do
ADB 드라이버 설치
그리고 ADB 드라이버를 다운로드 받습니다.
https://adb.clockworkmod.com/
Universal ADB Drivers
adb.clockworkmod.com
설치를 하고 나면 아래와 같이 설치가 됩니다.
모든 설치가 완료되면 일단 윈도우를 다시 시작해 줍니다(이게 편합니다). 이제 모든 준비가 되었습니다.
스마트폰을 PC의 USB를 통해 연결합니다.
그리고 크롬 브라우저를 열고 상단 주소 란에 아래 텍스트를 입력하면 됩니다.
chrome://inspect/#devices
정상적인 경우라면 스마트폰 화면에 USB 디버깅을 허용할 것인지 묻는 팝업이 표시됩니다. 그런데 만약 비정상적인 경우라면 UDB 디버깅 권한 허용 창이 안 뜨게 되는데 그럴 경우는 수동으로 연결을 해 주어야 합니다.
앞서 설치한 ADB 프로그램 폴더로 가서 다음과 같이 명령을 입력해 줍니다.
> adb forward tcp:9222 localabstract:chrome_devtools_remote
그런 다음 스마트폰 연결을 뺏다가 다시 연결해 봅니다. USB 디버깅 허용 창이 뜨면 확인해 줍니다.
그리고 크롬 브라우저를 확인해 보면 아래와 같이 뜹니다.
실행 중인 앱 중에서 연결이 가능한 목록이 모두 표시됩니다.
이제 디버깅할 앱을 실행합니다.
[Inspect]를 클릭합니다.
그러면 아래와 같은 화면이 뜨고 디버깅이 가능해집니다. 앱의 화면이 크롬에도 그대로 표시됩니다.
