'[펌] 모바일 원격 디버깅 Weinre'에 해당되는 글 1건

  1. 2014.04.01 [펌] 모바일 원격 디버깅 Weinre
98..Etc2014. 4. 1. 18:20
반응형

Weinre(와이너 or 와이너리)란?

  server는 java기반의 http서버 (jetty)

  client는  webkit계열의 브라우저 (일반적으로 서버와 같은 pc에서 실행)

  target은 webkit계열의 브라우저 (일반적으로 태블릿, 폰의 브라우저)

  위와같이 구성된 디버깅 라이브러리이고 태블릿과같이 javascript디버깅을 할수없는 기기에서 

  target(태블릿) => server(pc)로 http통신을 하여 client(pc의 브라우저)로 원격 디버깅을 할 수 있습니다.

  참고로 2.0버전부터는 Weinre의 서버가 node.js로 변경 되었습니다만

  여기에서는 java기반 서버의 마지막 버전인 1.6.1로 설명 하겠습니다.


라이센스 : apache license 2.0


사이트

  공식 : http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

  1.6.1다운로드 : http://people.apache.org/~pmuellr/weinre/builds/1.x/1.6.1/weinre-jar-1.6.1.zip


1. weinre.jar파일 실행해서 서버시작 하기

01./* 옵션 */
02.-help (or -? or -h) => 도움말
03.-httpPort [포트번호] => 포트번호 (default 8080)
04.-boundHost [hostname | ip address | -all-] => 서버 ip주소 또는 호스트이름
05.-verbose [true false] => 자세한 내용 출력 (default false)
06.-readTimeout [seconds] => weinre서버가 log내용을 읽어들이는 시간 (default 5초)
07. 
08./* 실행 */
09.java -jar weinre.jar --httpPort 포트번호 --boundHost IP주소 --verbose true



2. weinre client 띄우기

http://weinre서버주소:포트번호/client


3. 개발한 html페이지에 weinre script 삽입후 리로드

1.<script type="text/javascript" src="http://서버주소:포트번호/target/target-script-min.js"></script>


4. weinre client에서 target이 접속되었는지 확인



5. 위와같이 접속이 확인되었으면 디버깅이 가능한 상태입니다.

4번 그림에서의 화면은 webkit의 디버깅창이 아닌 webkit의 디버깅창을 

따라서 비슷하게 만든 weinre의 화면입니다.


출처 : http://kdarkdev.tistory.com/248

Posted by 1010