ラボ > Javascript関連ブラウザ:Chrome、OS:アンドロイド

JS AndroidでのJavascript処理をデバッグしたい(Chrome)

PCでは問題無いのにスマホでJSの挙動がおかしい。ということでデバッグする

作成日:2022-11-26, 更新日:2024-03-29

やりたいこと

AndroidでのJSの挙動をステップ実行しながらデバッグしたい
※「Chrome DevTools」に詳細情報があるっぽい

デバッグするための準備

  • Androidの実機を対応させる
  • PCで確認

Androidの実機を対応させる

Androidの実機を対応といっても「開発者向けオプション」ってのを有効化する必要がある

  1. 「端末情報: ソフトウェア更新」のトコの「開発者向けオプション」ってのをタップ
    ※「開発者向けオプション」が無い場合、「端末情報: ソフトウェア更新」のトコの「ビルド番号」ってのを7回タップ
  2. 「開発者向けオプション」の中にある「USBデバッグ」にチェック

PCで確認

  1. AndroidとPCを接続
  2. ▼PCのChromeのアドレスバーに入力
    chrome://inspect/#devices
  3. AndroidのChromeを開く
  4. PCのChromeにAndroidのChromeの各タブの一覧が表示されるのでデバッグしたいタブの「inspect」をクリック