앱 상태 확인(디버깅) 전 이렇게 합니다.

우선 이클립스 이용하고요. 요즘에는 안드로이드 스튜디오 이용하셔도 됩니다.

전 거기서 제공하는 AVD를 이용하지 않고요. 속도가 너무 느립니다.

안드로이드 스튜디오의 AVD는 얼마전에 업데이트 되기 전까지는 컴퓨터 메모리 용량 딸리면 아예실행되 되지 않는다고 해서(실제로 해보니까 너무느려서 메모리 32G로 업글했는데, 그래도 느리더라구요)

USB 케이블에 폰 직접 연결해서 하는게 제일 빠른데, USB 케이블하고 폰하고 연결을 자주하다 보면 연결 부위가 결국 고장 납니다. 그래서 무선으로 연결하는 것을 찾아서 해보다가 그것도 상태 바뀌면 다시 설정해줘야하고 해서

찾고 찾다가

안드로이드 게임 PC에서 할 수 있게하는 용도로 주로 사용하는

Genymotion 을 이용하게 되었습니다.

이것이 직접하는 것보다는 느리지만 AVD 보다 속도가 훨씬 빠릅니다. 거의 폰으로 연결하는 속도에 가깝습니다.

그리고 디버깅은 처음에는 못하다가. 어떻게 하는지 몰라서..

하이브리드 앱은 안드로이드의 경우 크롬웹뷰어를 쓰기 때문에

Genymotion 을 뛰어 놓고 앱 실행한 뒤에

PC에서 크롬브라우져를 연후

주소창에

chrome://inspect

라고 치면,

Genymotion 에서 실행중인 WebView 에서 실행되는

어플 내역이 뜨는데 이때 inspect 를 누르면

크롬브라우저에서 F12 누르면 나오것과 동일한 Developer Tools 가 뜹니다.

신기한건 여기서

Toggle screencast 를 이용하면 앱하고 서로 연동되어서 버튼도 눌리고 스크롤도 되고

돋보기 모양의 Select an element 를 누르고 screencast의 특정 부분을 누르면 해당 테그와

CSS 정보를 보면서 디버킹할 수 있어서 좋습니다.