Get the Android SDK + Installing the Eclipse Plugin + Android SDK setup + 안드로이드 ICS 크롬 디버깅

1. Get the Android SDK

    1) http://developer.android.com/sdk/index.html 링크에서 SDK 다운로드

    2) 다운받은 파일을 적당한 경로에 압축해제

2. Installing the Eclipse Plugin

[Help] 메뉴에서 [Install New Software...] 를 선택한다.

[Add...]를 선택한다.

Add Repository 창이 뜨면

Name: Android ADT (아무 이름이나 적어도 된다.)

Location: https://dl-ssl.google.com/android/eclipse/ 를 입력한다.

(만일 위 주소가 동작하지 않으면 https를 http로 바꿔서 입력해 본다.)

잠시 기다렸다 [Developer Tools]가 추가되면 체크하고 [Next]를 누른다.

DDMS와 ADT가 설치 되었다. [Next]를 누른다.

[I accept the terms of the license agreements]를 선택하고 [Finish]를 누른다.

혹시 중간에 Warning 뜨면 무시하고 OK 누른다.

설치가 끝나면 [Yes]를 눌러 Eclipse를 재 시작 한다.

※ 만일 이렇게 해도 ADT 설치에 실패할 경우에는 ADT를 직접 다운 받아 설치할 수 도 있다.

ADT 설치에 성공하였다면 Eclipse를 재 실행한 후

[Windows] 메뉴에 [Android SDK and AVD Manager]가 추가된 것을 볼 수 있다.

3. Android SDK setup

[Windows] 메뉴에서 [Preference]를 선택한다.

왼쪽에서 Android를 선택한다.

(Android SDK가 setup 되지 않았다고 경고 뜨는데 무시한다.)

SDK Location에서 [Browse...]버튼을 눌러 전에 설치한 Android SDK의 경로를 선택한다.

[Apply]를 누르면 잠시 후에 아래와 같이 목록이 나타난다.

Android SDK가 발전함에 따라 ADT 플러그인의 업데이트가 필요한 경우가 발생하면

[Help] 메뉴의 [Check for Updates]를 실행해 보길 바란다.

4. 안드로이드 ICS 크롬 디버깅

안로이드 ICS 부터 크롬 브라우저가 제공되어 PC환경과 마찬가지로 Developer Tool을 사용하여 디버깅이 가능하다.

하이브리드 웹 개발의 가장 난제는 모바일 브라우저의 디버깅이 불가능하다는 것이었다. 그런데 구글링을 해보니 안드로이드 ICS부터 크롬 개발자툴을 제공하다는 글을 발견!! 하지만 난 진저브레드...

며칠 전 HTC 센세이션 OS 업데이트 기사를 보고 드디어 오늘 업데이트 실행~

https://developers.google.com/chrome/mobile/docs/debugging

Remote Debugging 사용방법

1. HOST 와 모바일 기기의 USB 연결

2. HOST에서 ADB 실행

3. 모바일 기기에서 크롬 실행 및 디버깅 설정

4. HOST에서 커맨드 실행

adb forward tcp:9222 localabstract:chrome_devtools_remote

5. HOST에서 크롬을 열고 http://localhost:9222/ 호출

화면을 클릭하면 디버깅 화면으로 전환된다.

6. 마음껏 디버깅 하기~

모바일 화면

HOST화면