タイトルが無駄に長い。最初だからと言い訳しながらメモ的に書く。
したいこと
RemoteTestKitでレンタルしたAndroid端末のChromeで見ているページをPCのChromeでデバッグしたい
事前準備
PCでadbコマンドを使えるようにしておく必要がある。AndroidStudioとか入れてればだいたい入ってる。
もし面倒であれば以下のURLからadbが使えるようになる拡張機能をChromeにいれるのもありだと思う
https://chrome.google.com/webstore/detail/adb/dpngiggdglpdnjdoaefidgiigpemgage
手順
- RemoteTestKitでAndroid端末をレンタルする
- レンタルした端末のChrome for Androidでデバッグしたいページを開く
- Chrome for PCで
chrome://inspect/#devices
にアクセスして、「Inspect with Chrome Developer Tools」を開く - レンタルした端末の右にあるボタンの中から「ADT/DDMS/adb有効化」というボタンを押す(下画像の「ADB」って文字が書いてあるボタン)
5. Android端末のChromeで開いているタブの一覧がChrome for PCの「Inspect with Chrome Developer Tools」上に表示されるので、デバッグしたいタブを選びinspect
を押す
注意点
レンタルしたAndroid端末に入ってるChrome for Androidが古いとできないことがある。
どれくらいバージョンが新しければInspectできるのかは調べてない。
まとめ
端末検証に使っていくとべんり。
参考文献
Android の Chrome で開発者ツールを使う方法
http://qiita.com/hojishi/items/12b726f8b02ef3d713e4
Android SDKをインストールして、ADBコマンドが使えるようにする方法
http://butsuyoku-gadget.com/android_sdk_install/
SDK不要Android端末のリモートデバッグChrome拡張機能「ADB」
http://iti.hatenablog.jp/entry/2013/11/05/182133