LANG SELRCT

コードを書く場所

2019年11月10日日曜日

Android(Pixel3a)でUSBデバッグをしたい(DevToolsでconsoleを見たい)


Webアプリ開発中に、スマホでもconsoleを見たくて


事前準備

Android端末(Pixel3a)で開発者オプションを表示したい
で開発者オプションを表示できるようにしておきます



開発者オプションを開いて「USBデバッグ」をタップしてオンにします


許可を求められるので「OK」をタップします


PCのChromeのアドレスバーに

chrome://inspect/#devices

を入力して開きます


するとこのような画面が開くので
検証したいページの「inspect」をクリックします


DevToolsが表示されて
左側には端末側の画面が表示されます
右側には検証ツールが表示されます



関連記事

Android端末(Pixel3a)で開発者オプションを表示したい


参考

デバイスの開発者向けオプションを設定する
https://developer.android.com/studio/debug/dev-options?hl=ja

Google Chrome inspect devices?
https://stackoverflow.com/questions/45366421/google-chrome-inspect-devices

Android の Chrome で開発者ツールを使う方法
https://qiita.com/hojishi/items/12b726f8b02ef3d713e4