weineリモートデバッグmobileページ
モバイル端末のページのデバッグはfirebugのようなツールがないので、デバッグするのはPCよりもっと面倒です.
でもweinreから借りて、私達もPCのようにリモートでwebappを調整できます.
(以下の環境はすべてwindows 7)
1) インストール
最新バージョンのweineはnpmでインストールされています.
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/
ページを表示:
クリック
debug client user interface:
http://localhost:8080/client/#anonymous
6)リモートデバッグが必要なページにweinreスクリプトを追加する
http://localhost:8080/client/#anonymous
デバッグできます.
でも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/
ページを表示:
クリック
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
デバッグできます.