[안드로이드] 웹뷰 디버깅 쉽게 하는 방법 - Chrome inspect 사용법 (4)

1. 애뮬레이터/휴대폰 단말기를 연결한 상태에서

 

2. Chrome 브라우저에서

주소창에 Chrome://inspect 를 검색한다.

 

3. 그러면 이제 다음과 같이 Decices > Remote Target이 뜬다.
(안 뜨면 잠깐 .. 10초 정도 기다릴 것!)

 

 

 

4. 여기서 하단의 inspect 를 클릭한다.

다음과 같은 DevTools 창이 새로 뜨게 된다.

 

 

 

이제 이 화면에서 기존 웹 브라우저에서 F12를 눌러 디버깅하는 방식으로 디버깅을 할 수도, console.log를 찍어 볼 수도 있다.

 

 

 

 

테스트 환경 설정 및 코드

1.
[안드로이드] 웹뷰 디버깅 쉽게 하는 방법 - Chrome inspect 사용법 (1)

[안드로이드] 웹뷰 디버깅 쉽게 하는 방법 - Chrome inspect 사용법 (1)

2.
[안드로이드] 웹뷰 디버깅 쉽게 하는 방법 - Chrome inspect 사용법 (2)

[안드로이드] 웹뷰 디버깅 쉽게 하는 방법 - Chrome inspect 사용법 (2)

3.
[안드로이드] 웹뷰 디버깅 쉽게 하는 방법 - Chrome inspect 사용법 (3)

[안드로이드] 웹뷰 디버깅 쉽게 하는 방법 - Chrome inspect 사용법 (3)