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

웹뷰는 모바일 단말기에서 웹페이지를 띄우기 위해 사용한다.

Chrome inspect 를 사용하면 안드로이드 웹뷰에서도 웹브라우저에서 F12를 눌러 디버깅하는 것과 같은 효과를 낼 수 있다.



먼저 새로운 웹프로젝트를 생성하기 위해 다음과 같이 작업했다.


1. Package Explorer에서 우클릭 > New > Other > Dynamic Web Project

2. 프로젝트 이름을 적고 Finish

3. 기존 설치한 Tomcat Server에 방금 생성한 프로젝트를 넣기 위해 더블클릭

4. Tomcat Server을 더블클릭하면 가장 먼저 뜨는 페이지는 Overview인데, 이는 무시
Modules > Web App Module... 를 클릭

5. 방금 생성한 프로젝트를 더블클릭해 Path에 넣어준다.

6. 5번을 Save하고, 시작 버튼을 눌러 서버를 구동시킨다.

(5번에서 수정을 했는데 Save가 안 된 경우, Tomcat Server at Localhost 왼쪽에 *가 되어 있다.)

7. 웹뷰 디버깅을 테스트해 보기 위해 간단한 코드를 작성해 보자.
html 파일을 생성한다.
WebContent > New > Other... > html 검색해 추가
(나는 index.html 로 이름을 정해주었다.)

8. WebContent > New > File > 테스트파일이름.js
(나는 test.js 로 이름을 정해주었다.)


여기까지 했으면, index.html과 test.js 파일이 생성됨



...
테스트 코드는 다음 장에서 추가하겠다.

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

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