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