スマホのEdgeでChrome拡張機能を使う方法! Android/iPhoneのMicrosoft EdgeでChromeアドオンを開こう

スポンサーリンク
豆知識

この記事では、スマートフォン版Microsoft EdgeでChrome拡張機能をインストールする方法を解説します。

スマートフォンでも豊富なChrome拡張機能を導入できて、便利ですよ。

記事中では、AndroidとiPhoneにパートをわけて解説します。

 

スポンサーリンク
スポンサーリンク

Android – EdgeでChrome拡張機能を使う方法

開発者向けのMicrosoft Edge Canary(ベータ版)であれば、Chrome拡張機能をインストール可能です。

以下、操作の流れです。

  1. Microsoft Edge Canaryを入手してCRX Downloaderを導入する
  2. インストールしたい拡張機能の.crxファイルを入手する
  3. 開発者向けオプションを有効にして拡張機能をインストールする

1. Microsoft Edge Canaryを入手してCRX Downloaderを導入する

Microsoft Edge Canary(ベータ版)をインストールします。

Microsoft Edge Canary
Microsoft Edge Canary
金額: 無料
通常のMicrosoft Edgeとは異なる点に留意してください。なお、EdgeとEdge Canaryは別アプリとなるため、同時にインストール可能です。

次に、Microsoft Edge Canary上の操作でCRX Downloaderをタップして、追加してください。

Chrome拡張機能を使う1

CRX Downloaderを追加する

2. インストールしたい拡張機能の.crxファイルを入手する

Edge Canaryブラウザ上でChromeウェブストアへアクセスして、欲しいChrome拡張機能を表示しましょう。

モバイル表示のままだと先に進めない場合、メニューから デスクトップサイトを表示 に切り替えてください。

Chrome拡張機能を使う2

デスクトップサイトを表示 に切り替えれば、ページを表示できる

欲しい拡張機能を表示した状態で、メニューから 拡張機能 を開き、CRX下载器(CRX Downloader)の「保存为CRX文件」で 下载 をタップすればOK。

Chrome拡張機能を使う3

(左)拡張機能 (右)CRX下载器

Chrome拡張機能を使う4

(左)下载 (右)ダウンロード

これで拡張機能の.crxファイルを入手できました。

【.crxファイルとは?】Chrome拡張機能のインストール用ファイル形式のこと。

3. 開発者向けオプションを有効にして拡張機能をインストールする

メニューから 設定Microsoft Edgeについて と進み、以下のメッセージが出るまで、Edge Canaryのバージョン番号を連続でタップします。

Developer Options are now enabled.
Chrome拡張機能を使う5

(左)メニューを開く (右)設定

Chrome拡張機能を使う6

(左)Microsoft Edgeについて (右)赤枠を連続タップ

これで設定の一覧に 開発者向けオプション が追加されます。

Extension install by crxChoose .crx file で、インストールしたい拡張機能の.crxファイルを選択します。

Chrome拡張機能を使う7

(左)開発者向けオプション (右)Extension install by crx

Chrome拡張機能を使う8

(左)Choose .crx file (右).crxファイルを選択

.crxファイルをセットできたら OK を選択します。

これでEdgeにChrome拡張機能を追加できます。

Chrome拡張機能を使う9

(左)OK (右)追加

 

iPhone/iPad – EdgeでChrome拡張機能を使う方法

開発者向けのMicrosoft Edgeベータ版であれば、Chrome拡張機能をインストール可能です。

以下、操作の流れです。

  1. Microsoft Edgeベータ版を入手して開発者モードを有効にする
  2. インストールしたい拡張機能の.crxファイルを入手する
  3. .crxファイルから拡張機能をインストールする

1. Microsoft Edgeベータ版を入手して開発者モードを有効にする

まずTestFlightのアイコンTestFlightアプリを入手します。

TestFlight
TestFlight
開発者: Apple
金額: 無料

次にこちらのリンクから、テスターとして参加希望を出します。

タイミングによっては、テスター数の上限に達したため、参加できない場合もあります。

これでTestFlightのアイコンTestFlightアプリ経由で、Microsoft Edgeベータ版をインストールできます。

すでにApp Storeで配布される通常版のEdgeがインストール済みの場合、上書きされるので注意しましょう。

Microsoft Edgeベータ版を入手して開発者モードを有効にする1

(左)TestFlightアプリ (右)テスター版Edgeをインストール

Microsoft EdgeのアイコンMicrosoft Edgeのメニューから 拡張機能 へ進むと、開発者モードを有効にできます。

これでメニューに .crxパッケージの読み込み が出るようになります。

Microsoft Edgeベータ版を入手して開発者モードを有効にする2

(左)メニューを開く (右)拡張機能

Microsoft Edgeベータ版を入手して開発者モードを有効にする3

(左)赤枠アイコンをタップ (右)開発者モード をオン

2. インストールしたい拡張機能の.crxファイルを入手する

【.crxファイルとは?】Chrome系ブラウザ(Chromium系)の拡張機能専用パッケージのこと。

拡張機能の.crxファイルを入手するやり方はいろいろありますが(関連記事)、ここではURLを指定して直接ダウンロードする方法を紹介します。

所定のURLにアクセスすれば、直接.crxファイルをダウンロードできます。拡張機能も不要です。

以下がURLフォーマットとなります。

https://clients2.google.com/service/update2/crx?response=redirect&acceptformat=crx2,crx3&prodversion=[VERSION]&x=id%3D[EXTENSIONID]%26installsource%3Dondemand%26uc

このうち、以下2つの文字列部分を置き換えます。

置き換える文字列 必要な情報
[VERSION] お使いのブラウザのバージョン
[EXTENSIONID] 欲しい拡張機能のID

[VERSION]の、お使いのブラウザのバージョンは、ブラウザ上で確認できます。

Edgeブラウザのメニューから 設定 → Microsoft Edgeについて と進み、バージョンを確認します。

以下の画像であれば、バージョンは 145.0 になります(前半の番号だけでOK)。

インストールしたい拡張機能の.crxファイルを入手する1

(左)メニューを開く (右)設定

インストールしたい拡張機能の.crxファイルを入手する2

(左)Microsoft Edgeについて (右)赤下線でバージョンを確認

[EXTENSIONID]の、欲しい拡張機能のIDは、chromeウェブストアのページURLから確認できます。

拡張機能のページURLは、以下の構成になっており、[ID]の部分からわかります。

https://chromewebstore.google.com/detail/[アプリ名]/[ID]?hl=ja

chromeウェブストアにスマートフォンでアクセスして、先に進めない場合、表示形式をパソコン向けに切り替えてください。

インストールしたい拡張機能の.crxファイルを入手する3

(左)表示されるメッセージ (右)デスクトップサイトを表示 する

たとえばControl Panel for Twitterなら、拡張機能のページURLは以下のとおりなので、

https://chromewebstore.google.com/detail/control-panel-for-twitter/kpmjjdhbcfebfjgdnpjagcndoelnidfj?hl=ja

拡張機能のIDは kpmjjdhbcfebfjgdnpjagcndoelnidfj となります。

インストールしたい拡張機能の.crxファイルを入手する4

(左)Control Panel for Twitterのページ (右)URLからIDがわかる

これで情報はそろいました。

たとえばEdgeブラウザバージョン 145.0 で、拡張機能Control Panel for Twitter(IDは kpmjjdhbcfebfjgdnpjagcndoelnidfj )の.crxファイルが欲しい場合、URLは以下となります。

https://clients2.google.com/service/update2/crx?response=redirect&acceptformat=crx2,crx3&prodversion=145.0&x=id%3Dkpmjjdhbcfebfjgdnpjagcndoelnidfj%26installsource%3Dondemand%26uc

このURLを実行(※)すると、拡張機能の.crxファイルをダウンロードできます。

(※)URLをコピーして、Edgeブラウザの検索窓に貼り付けて決定をしてください。
インストールしたい拡張機能の.crxファイルを入手する5

(左)ダウンロード (右)次の方法で開く

インストールしたい拡張機能の.crxファイルを入手する6

(左)”ファイル”に保存 (右)適当な場所に 保存

3. .crxファイルから拡張機能をインストールする

メニューから 拡張機能.crxパッケージの読み込み と進み、ダウンロードしておいた.crxファイルを選択します。

これでChrome拡張機能をインストールできました。

.crxファイルから拡張機能をインストールする1

(左)拡張機能 (右).crxパッケージの読み込み

.crxファイルから拡張機能をインストールする2

(左).crxファイルを選択 (右)Control Panel for Twitterを追加できた

あとは、実際に動くことを確認できれば成功です。

たとえばControl Panel for Twitterは動作しました。

.crxファイルから拡張機能をインストールする3

Control Panel for Twitterが動作する例。通常と比べて(左)、反映後はおすすめタブが消える(右)

 

参考:パソコン – EdgeでChrome拡張機能を使う方法

パソコン版Microsoft Edgeの場合、特別な設定は不要で、chromeウェブストアから拡張機能をインストール可能です。

Windows版・Mac版で共通です。
パソコン - EdgeでChrome拡張機能を使う方法1

拡張機能の入手

パソコン - EdgeでChrome拡張機能を使う方法2

拡張機能の追加

うまくインストールできない場合、拡張機能メニューを開き、他のストアからの拡張機能を許可します があれば、オンにしてください。

以前は存在していたオプションですが、最新バージョンのEdgeではデフォルトでオンになっているため表示されません。
パソコン - EdgeでChrome拡張機能を使う方法3

他のストアからの拡張機能を許可します

パソコン - EdgeでChrome拡張機能を使う方法4

許可

 

〆:スマホのEdgeでもChromeのアドオンをインストールしよう!

以上、スマホのEdgeでChrome拡張機能を使う方法! Android/iPhoneのMicrosoft EdgeでChromeアドオンを開こう の説明でした。

Microsoft EdgeはChromium(クロミウム)ベースのブラウザとなるため、公式の仕様としてChrome拡張機能を動かすことが可能です。

【Chromiumベースとは?】Chromeと同様のソースコードを使っているブラウザのこと。内部構造がきわめて近いため、Chrome拡張機能を利用できる。

スマートフォン版の場合、少し手順が複雑ですが、同じく動作します。

Microsoft Edgeアドオンにも様々な拡張機能はありますが、Chromeにしか存在しない拡張機能がある場合、今回のやり方を知ってると便利ですよ。

お試しあれ。

関連記事 Android版Edgeで拡張機能を使う方法

関連記事 iPhone版Edgeで拡張機能を使う方法

豆知識
スポンサーリンク
スポンサーリンク
シェアする
スポンサーリンク
スポンサーリンク

コメント

タイトルとURLをコピーしました