Chrome for Android の USB ウェブデバッグでスマフォWEBサイトをデバッグする

Android 端末にインストールした Chrome を通して、
PC 側の Chrome で WEBページのデバッグができますよと。
試してみました。

用意。

まあぶっちゃけココを見てしまえば終わりなんですが、
Chrome は両方にインストール済として話を進める。

とりあえず Android SDK をダウンロードして任意の場所に展開。 ~/Library/android-sdk-macosx (以下 SDK_PATH)な感じで僕は置いてる。

SDK_PATH/tools/android

を実行するとなんか (Android SDK Manager) 出るので、Android SDK Platform-tools をインストールする。SDK_PATH/platform-tools っていうディレクトリができてるはず。

SDK ダウンロードしてる間にでも Android 側の設定をしときます。OSのバージョンが・・・

3.2 以下：[設定] -> [アプリケーション] ->[開発者向けオプション] -> [USBデバッグ]
4.0 以上：[設定] -> [開発者向けオプション] -> [USBデバッグ]
4.2 以上：[設定] -> [この端末について] -> [ビルド番号]を 7回タップ -> 画面戻って戻って[開発者向けオプション] -> [USBデバッグ]

にチェック。日本語のメニュー項目名は違うかも。そして 4.2 以上の端末は隠しコマンド的なのなにそれこわい。

そして、Chrome の[設定] -> [デベロッパーツール] -> [USB ウェブデバッグを有効化] にチェックを入れておく。

Android と PC を USBでつなぐ。

./SDK_PATH/platform-tools/adb forward tcp:9222 localabstract:chrome_devtools_remote

* daemon not running. starting it now on port 5037 *
* daemon started successfully

って出たらOK。

http://localhost:9222

アクセスすると、Android の Chrome で開いているタブ一覧が出てくるので、好きなのクリック。PC 側の Chrome でデベロッパーツールが開くのでよしなにします。

Enjoy!

※404 的なことになったら

SDK_PATH/platform-tools/adb kill-server

からの

./SDK_PATH/platform-tools/adb forward tcp:9222 localabstract:chrome_devtools_remote

をお試しくだしあ。

ヽ(´Д`；)ﾉｱｩ...

SLUMBERS