USB ウェブ デバッグ
僕はウェブページの調査なんかをするときには Firefox とFirebugを使っています。一方、モバイル向けのウェブページとなると、ユーザーエージェントがどうとか、実際の描画がモバイル用のブラウザと Mac 上のブラウザとで違ったりで何かとややこしいことが多くなります。
ところが Android のバージョンが ICS だと、 Android で開いているページの調査を Mac (だけでなく Windows でも)上の Chrome 上でできるようになっちゃいます。詳細はRemote Debugging - Google Chrome for Androidにあるので読めばわかるかと思いますが、ざっくりと紹介します。
まず Android / ホストにて以下の準備が必要となります。
ところが Android のバージョンが ICS だと、 Android で開いているページの調査を Mac (だけでなく Windows でも)上の Chrome 上でできるようになっちゃいます。詳細はRemote Debugging - Google Chrome for Androidにあるので読めばわかるかと思いますが、ざっくりと紹介します。
まず Android / ホストにて以下の準備が必要となります。
- Android側
- ICS が動く Android 端末
- Chrome for Androidをインストール。 2012年4月12日現在ではまだベータ版で、 ICS じゃないとインストールできません。
- Chrome を起動して「設定」 -> 「デベロッパーツール」と辿って 「USBウェブでバッグを有効化」にチェック。
- ホスト側
- Android SDKをインストール。
- SDK の platform-tools にパスを通しておく。
- Chrome をインストール。
$ adb forward tcp:9222 localabstract:chrome_devtools_remote続いて Chrome で http://localhost:9222 にアクセスすると、現在 Android の Chrome で開いているタブがリストアップされるのでそれをクリック。すると、 Firebug でできるような、というか Chrome のデベロッパーツールでできるようなことができます。なお、この例ではポートは 9222 を使っていますが、他とあたらなければ何でもいけそうです。
Posted at 15:24 |
Comments : 0


