Android Edge で拡張機能をデバッグする
はじめに
Android Edge 拡張機能のデバッグについてです。
次のバージョンから導入された張機能です。
- Android Edge Canary (2024年2月頃から)
- Android Edge 143+(2025年末頃から)
Android Edge に Chrome 拡張機能をインストールする
Microsoft Edge Addons (Chrome Web Store みたいなの)経由でインストールすることで拡張機能をインストールすることができます。
Android Edge の拡張機能設定から検索してインストール(購入)することができます。
または、Microsoft Edge Addons のウェブページを Android Edge で表示して、インストール画面に進むことができます。
※ボタンの名称は「購入」ですが、Chrome 同様に無料で提供されているものがほとんどです。無料だとしても購入と表記されています。
Android Edge Canary に 拡張機能をインストールする
Android Edge Canary の「開発者向けオプション」から CRX をインストールできます。
- CRX ファイルを作成する
- 拡張機能のパック機能で作成する
- Android へ CRX をファイル転送
- USB 接続でファイル転送する
- Android Edge Canary の「開発者向けオプション」を表示する
- [Microsoft Edge について] > [バージョン番号]を数回タップする
- Android Edge Canary の「開発者向けオプション」から CRX をインストールする
- [⚙] > [開発者向けオプション] > [Extension install by crx]
現状では、製品版の Android Edge には「開発者向けオプション」からの CRX のインストール機能はないようです。
Android Edge Canary をリモートデバッグする
リモートデバッグとは、 PC 版の Edge から Android Edge で動作中の拡張機能の出力(console.log 等)を確認する行為を指しています。
- Android 側で Android の「開発者向けオプション」を有効する
- 設定画面(端末により異なる)から「ビルド番号」を7回タップする。
- Android 側で Android の「開発者向けオプション」から「USBデバッグ」を有効にする
- Android 側で Edge を実行する
- Android と PC を USB で接続する
- 「このコンピュータに対してUSBデバッグを許可しますか?」ダイアログを許可する
- PC 側の Edge で
edge://inspect/#devicesを表示する - 拡張機能の
inspectでコンソールを開く