いつも使うスマホのリモートデバッグ方法(Firefox WebIDE編)


いつも使う、PC の Firefox での Android スマホ(の Firefox と Chrome で)のリモートデバッグ方法を、自分のメモのためだけに…

  • (事前準備)Android 端末で USB デバッグを有効にしておく

    • 設定アプリ -> 端末情報 -> 「ビルド番号」を連打
    • 設定アプリ -> 開発者向けオプション -> 「USB デバッグ」を ON
  • (事前準備)Android の Firefox の場合、Firefox 自体でも USB デバッグを有効にしておく

    • Firefox の設定メニュー -> 設定 -> 高度な設定 -> 「USB 経由でリモートデバッグする」を ON
  • PC の Firefox で WebIDE を開く

    • 設定メニュー -> 開発ツール -> WebIDE(Shift+F8)
  • リモートデバッグする

    • Android 端末を PC に USB 接続
    • 「ファイル転送(MTP)」「写真の転送(PTP)」「充電」と出たら「ファイル転送」を選択
    • Android 端末で Firefox を開く
    • WebIDE の右側「USB デバイス」欄から接続した Android 端末を選択
      • ちなみに、Android 端末の Chrome も選択可
      • iOS デバイスの Safari や PC の Chrome などもいけるようだが未確認
    • スマホ側で「リモート受信接続 USB接続によるリモートデバッグを許可しますか?」に「許可」
    • WebIDE の左側の「タブ」欄からデバッグしたいページを開いたタブを選択

すみません。ただそれだけです。