Androidのブラウザに送ったコードをデバッグしたい。
１．検索して見つかった記事は、全部、"about:debug"をアドレスバーにタイプしろ、ばかり。やってみたが、動かない。古いのでは。
２．そのうち、Google本家の https://developers.google.com/web/tools/chrome-devtools/remote-debugging?hl=ja にヒットしたが、やってみてもダメ。本家ドキュメントも実際のChromeコードに追い付いていない。
適切な情報が、今日現在、どこにも載っていないので、書いておきます。
たぶん、1年以内に、この情報も古くなります。
Google本家のをやって警告に出ていた、chrome://inspect/#devices をやったらできた。
- Androidスマホをつなぐ
- 開発マシンPCでChrome起動
- 開発マシンでchrome://inspect/#devices。Discover USB devicesがチェックされていることを確認。
- スマホのAndroidブラウザ起動
５．chrome://inspect/#devices 画面に接続デバイスがあって、そのデバイスの下に、ブラウザのURLアクセスごとの情報が出る。そのinspectをクリックすると、Consoleの出力がPCでみられる。