AndroidのChrome上のWebアプリをPCのChrome上でデバッグ

Android側の準備

• 「開発者向けオプション」を有効にしておく
  (「設定」→「デバイス情報」で「ビルド番号」を7回タップ)
• 「設定」→「システム」→「開発者向けオプション」で「USBデバッグ」を有効にしておく

PC(Windows)側の準備

• Google USB Driverをインストールする
  • すでに Android Studio で Google USB Driver をインストール済みなら対応不要
  • そうでないなら こちら からダウンロードしてインストール

デバッグ方法

• AndroidとPCをUSBで接続する
• PCのChromeで chrome://inspect/#devices を開き、「Discover USB devices」にチェックを入れる
• AndroidのChromeでデバッグしたいWebアプリを開く
• AndroidのChromeで開いているURLが、PCのChromeに一覧表示される
• デバッグしたいWebアプリのURLの下の「inspect」をクリックすると、別ウィンドウでAndroidエミュレータと開発者ツールが表示される

参考

note.com