iOS/Android 브라우저 디버그

iOS와 안드로이드에서 자바스크립트는 기대했던 대로 움직이지 않는다.
특히 안드로이드 2.3과면 매번 넘어진다.
그래서 우리는 원격으로 쉽게 디버깅할 수 있는 편리한 도구를 가르쳐 주었다.

weinre

이 도구를 사용하면 스마트폰의 브라우저, 앱인 웹뷰의 js, css, DOM 등 다양한 기능을 컴퓨터를 통해 원격으로 구현할 수 있어 편리하다.
설치(최신 버전은 node.js에 설치됨)

% npm -g install weinre

웹 시작

% weinre --boundHost 192.168.xxx.xxx

기본적으로 시작할 때 로컬 호스트로부터만 연결됩니다.
브라우저http://192.168.xxx.xxx:8080/에 액세스하여 이러한 화면이 나타나면 준비가 완료됩니다.

그리고 스마트폰에서 디버깅하고 싶은 페이지를 표시하고 그 페이지의 HTML을 변경할 수 있다면 스크립트 라벨을 붙이는 것이 편리하지만 안 되면 책갈피를 사용한다.
debug client user interface의 링크에서 눈에 익은 화면까지.

FireBug 및 Chrome의 개발자 도구와 동일한 방법을 사용합니다.
DOM을 선택하면 브라우저 측면의 요소가 강조 표시되어 실제로 사용할 수 있습니다.

아주 편리합니다!