Web View Debugging 하기

Android WebView를 데스크톱 크롬으로 원격 디버깅해보자

Android 4.4버전부터 데스크톱 크롬을 통한 원격 디버깅이 가능해졌다.

https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews

우선 원격 디버깅을 하기 위해 다음과 같은 준비가 필요하다.

- Android 기기에 Chrome for Android 32이상의 버전
- USB cable
- 데스크톱 Chrome 32이상 버전


디버깅하는 방법은 생각보다 간단하다.

1. 우선 안드로이드 기기의 개발자 옵션에서 USB디버깅을 체크한다.

2. 데스크톱의 크롬을 실행해서 주소창에 about:inspect를 입력한다.
그럼 아래와 같은 화면이 나온다.

Devices에 자신의 기기가 잡혔다면 우선 정상적으로 되는 것이다.



3. 데스크톱 크롬의 툴을 이용하여 디버깅

이제 디버깅 할일만 남았다.
데스크톱 크롬의 Tools ->Inspect Devices를 하면 디버깅이 실행되어야 하는데
되지가 않는다.

한가지 작업이 빠져있기 때문에.

디버깅하려는 WebView에 다음과 같은 코드가 있어야 한다.

setWebContentsDebuggingEnabled를 true로 설정해야 디버깅을 할 수 있다.
static 메서드이며 API 19부터 동작하는 메서드이므로

WebView디버깅은 KitKak에서만 사용할 수 있다

아무래도 4.4에서 WebView가 대대적으로 바뀌었기 때문에 최적화 등의 문제로
이러한 툴을 제공하는 듯 하다.