JS AndroidでのJavascript処理をデバッグしたい(Chrome)
PCでは問題無いのにスマホでJSの挙動がおかしい。ということでデバッグする
作成日:2022-11-26, 更新日:2024-03-29
やりたいこと
AndroidでのJSの挙動をステップ実行しながらデバッグしたい
※「Chrome DevTools」に詳細情報があるっぽい
デバッグするための準備
- Androidの実機を対応させる
- PCで確認
Androidの実機を対応させる
Androidの実機を対応といっても「開発者向けオプション」ってのを有効化する必要がある
- 「端末情報: ソフトウェア更新」のトコの「開発者向けオプション」ってのをタップ
※「開発者向けオプション」が無い場合、「端末情報: ソフトウェア更新」のトコの「ビルド番号」ってのを7回タップ - 「開発者向けオプション」の中にある「USBデバッグ」にチェック
PCで確認
- AndroidとPCを接続
- ▼PCのChromeのアドレスバーに入力
chrome://inspect/#devices
- AndroidのChromeを開く
- PCのChromeにAndroidのChromeの各タブの一覧が表示されるのでデバッグしたいタブの「inspect」をクリック