티스토리 뷰

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

출처 : http://qiita.com/HeRo/items/349c8c613e133840a543


안드로이드 단말을 위한 앱이나 웹사이트 개발을 할 때 도움되는 툴과 접속방법을 메모

Vysor

Vysor는 구글 크롬 앱이고 피씨에 접속된 안드로이드 단말 화면을 피씨 화면에 보여주는것이 가능하다.

특징

  • 표시만 하는것이 아니고 피씨쪽에서 조작도 가능하다.
  • 문자입력을 피씨의 키보드를 사용해서 입력할수 있는 것이 매우 편리하다.
  • 일본어 입력도 피씨쪽 IME가 아니라 단말쪽 기능을 쓰는 것이 가능
  • Vysor를 사용 하면서 Android Studio로부터 개발중인 앱을 단말에 기동하는 것이 가능하다.を

    • 앱의 개발중에 사용하면 앱을 기동하여 단말을 손에 쥐쥐않고 피씨환경 상에서 조작할수 있다는 것이 편리하다.
    • 동작 그자체로는 완전히 단말측이기때문에 에뮬레이터가 아니라 실제 단말위에서 테스트 하면서 개발을 효율적으로 할 수 있다.
  • Chrome 앱이기때문에 윈도우에서도 맥에서도 동작 가능. ( 아마도 리눅스도 가능할 듯 )

사용법

단말측에서 설정

  • USB 디버그를 유효상태로 만든다. 

Chrome측에서 설정 

  • Chrome웹스토어로부터 Vysor를 인스톨한다. 

이상, 설정은 이것만 하면됨.

접속

  1. Android단말을 PC에 접속한다.
  2. Chrome앱 런쳐로부터 Vysor를 기동한다.vysor.png
  3. 「Find Devices」버튼을 눌러서 접속되어있는 단말을 찾는다. 
  4. 단말이 표시되면 선택한다
  5. 리스트에 선택한 단말이 표시 되기때문에 클릭하면 별도의 윈도우에서 단말의 화면이 표시된다. 
  6. 이제 그 윈도우 화면을 선택해서 단말의 화면을 조작하는 것이 가능하다. 

Chrome Developper Tools

Chrome Developper Tools은 단말을 에뮬레이트해서 웹페이지를 표시하는 것이 가능하지만, 안드로이드 단말에서 동작되고있는 Chrome에 접속하여 실제 단말에서 동작되고 있는 웹페이지를 디버그 하는 것이 가능하다.


접속방법

  1. USB디버그를 유효화 한 안드로이드 단말을 PC에 접속한다. 
  2. PC에서 Chrome으로 「chrome://inspect」에 접속한다.
  3. Android단말에서 Chrome을 기동해서 、디버그 하고 싶은 URL을 연다.
  4. PC측의 chrome 에서 안드로이드 단말의 크롬의 페이지가 표시되기때문에 inspect 라는 링크 버튼을 선택하면 안드로이드측의 크롬에 접속된 DevTools가 열린다. inspext.png

여기까지가 번역한 내용입니다.


추가적으로 Chrome Developer Tools를 크롬에서 여는 웹페이지에 한정하는 것이 아니라. 앱에도 적용하고 싶다면 Stetho를 앱의 네트워크단에 적용 하는 방법이 있습니다.


해당 내용은 추후에 다시 포스팅 하겠습니다.


공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함