weineリモートデバッグmobileページ


モバイル端末のページのデバッグはfirebugのようなツールがないので、デバッグするのはPCよりもっと面倒です.
でもweinreから借りて、私達もPCのようにリモートでwebappを調整できます.
(以下の環境はすべてwindows 7)
1) インストール
最新バージョンのweineはnpmでインストールされています.npm -g install weinre 公式アドレス:
http://people.apache.org/~pmullr/weinre/ 
公式文書:
http://people.apache.org/~pmullr/weinre/docs/latest/ 
インストール例:
Eディスクにweineフォルダを新規作成します.
E:\program\mobile\weinre
2)cmd
このパスに入る

3)取り付けが完了したら、  E:\program\mobile\weinre 下にはノドがありますmodulesフォルダ
4)weinreを起動する
5)ブラウザで入力する  http://localhost:8080/
ページを表示:
weinre远程调试mobile页面_第1张图片
クリック 
debug client user interface:
http://localhost:8080/client/#anonymous
 
 
6)リモートデバッグが必要なページにweinreスクリプトを追加する
<script src="http://localhost:8080/target/target-script-min.js#anonymous"></script>
6)debugページを表示する
http://localhost:8080/client/#anonymous
デバッグできます.