SU | MO | TU | WE | TH | FR | SA |
---|---|---|---|---|---|---|
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 | 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
WebアプリのデバッグがAndroidでやりたいので調べた。
Android上で動いているWebアプリに対して、開発者ツールを使えるようにしたい。 コンソールと要素が使えれば、とりあえずは十分。
chrome://inspect/#devices
edge://inspect/#devices
ADBをインストール(AndroidStudio入れたら勝手に入る)
設定アプリから「開発者向けオプション」>「ワイヤレスデバッグ」をONに
pair(初めて繋ぐときだけ必要)
「開発者向けオプション」>「ワイヤレスデバッグ」の「ペア設定コードによるデバイスのペア設定」をタップ。
ダイアログに出てくる<ip>と<port>と<6桁のコード>を使い、以下のコマンド実行。
$ adb pair <ip>:<port>
adb pair <ip>:<port>
Enter pairing code: <6桁のコード>
connect(デバッグ開始の毎)
「開発者向けオプション」>「ワイヤレスデバッグ」のページに表示されている<ip>と<port>を使い、以下のコマンド実行。
$ adb connect <ip>:<port>
有線と同じく、inspectを開いてデバッグ
disconnect(デバッグ終了の毎)
「開発者向けオプション」>「ワイヤレスデバッグ」のページに表示されている<ip>と<port>を使い、以下のコマンド実行。
$ adb disconnect <ip>:<port>
ケーブル無しでもデバッグができて便利。
何気にPDケーブルばっかりで、通信ケーブル無かったりしたので、無線はありがたい。