アーカイブ

2013 年 1 月 のアーカイブ

weinreでAndroidのブラウザのデバッグ

2013 年 1 月 31 日 コメントはありません

OSXでweinreのインストール。

まず、node.jsのインストール。
現在の最新版は0.8.18。

続いて、npmコマンドでのweinreのインストール。

npm install weinre

weinreの実行。

~/node_modules/weinre/weinre

ログにあるようにhttp://localhost:8080/にアクセスし起動のチェック。

「Target Script」にあるスクリプトを読み込むことで対象ページで読み込むことでデバッグ可能となる。
サンプルでは以下のようになっている。
#以降でチャンネルを指定できる。

<script src="http://localhost:8080/target/target-script-min.js#anonymous"></script>

現状だとlocalhostからのアクセスしか許可されないので、weinreをboundHostオプションを指定して起動しなおす。

~/node_modules/weinre/weinre --boundHost 0.0.0.0

対象のページにweinreを実行しているホストのIPをしてスクリプトを埋め込む。

<script src="http://x.x.x.x:8080/target/target-script-min.js#anonymous"></script>

確認は#以降で指定したチャンネルを以下のように指定する。
http://localhost:8080/client/#anonymous

カテゴリー: android タグ: