拡張機能をサイドロードしてローカルにインストールしてテストする

拡張機能をすばやく安全にテストするには、Microsoft Edge の独自のコピーに拡張機能をサイドロードします。これは、拡張機能をローカルにインストールすることを意味します。 その後、Microsoft Edge アドイン Web サイト ( ストア) に拡張機能をアップロードせずに拡張機能を実行してテストし、そこから拡張機能をインストールできます。

前提条件: インストールする拡張機能がある

この記事では、ローカル ドライブに読み込む拡張機能 ( MicrosoftEdge-Extensions リポジトリからのサンプルなど) が含まれていることを前提としています。

サンプルを取得するには、「サンプル: 画像ビューアーのポップアップ Web ページ」の「MicrosoftEdge-Extensions リポジトリを複製する」を参照してください。

拡張機能をローカルでインストールして実行する

テスト用にブラウザーにローカルにインストールされるように、拡張機能を Microsoft Edge にサイドロードするには:

1. 新しいウィンドウまたはタブで 、TODO アプリなどの Web ページに移動します。一部のサンプルでは、この手順は省略可能であり、下のスクリーンショットと一致するだけです。一部のサンプルでは、Web ページを開く必要はありません。

2. アドレス バーの右側にある Microsoft Edge で、このアイコンが表示されている場合は、 拡張機能 () ボタンをクリックします。 または、[ 設定など] () >Extensions を選択します。

   [拡張機能] ポップアップが開きます。

   

3. [ 拡張機能の管理] をクリックします。 [ 拡張機能 の管理] ページが新しいタブで開きます。

   

4. [開発者モード] トグルをオンにします。

5. 拡張機能を初めてインストールするときは、[ 開梱された読み込み ] () ボタンをクリックします。 [ 拡張機能ディレクトリの選択 ] ダイアログが開きます。

6. manifest.jsonなど、拡張機能のソース ファイルを含むディレクトリを選択します。

   MicrosoftEdge-Extensions リポジトリを複製した結果のパスの例:

   C:\Users\localAccount\GitHub\MicrosoftEdge-Extensions\Extension-samples\picture-viewer-popup-webpage C:\Users\localAccount\GitHub\MicrosoftEdge-Extensions\Extension-samples\picture-inserter-content-script

7. [ フォルダーの選択 ] ボタンをクリックします。

   [ 拡張機能ディレクトリの選択 ] ダイアログが閉じます。

   この拡張機能は、ストアからインストールされた拡張機能と同様に、ブラウザーにインストールされます。

   

8. 拡張機能で Web ページが開いている必要がある場合は、 TODO アプリなどの Web ページが開いていることを確認します。

9. Web ページを更新します。 これは、拡張機能を再読み込みした後に必要な場合があります。

10. アドレス バーの右側にある Microsoft Edge で、[ 拡張機能 ()] ボタンをクリックします。 または、[ 設定など] () >Extensions を選択します。

    [拡張機能] ポップアップが開きます。

    

11. 拡張機能のアイコンまたは名前をクリックします。 拡張機能が開き、[アドレス バー] ボタンと [拡張機能] (拡張機能アイコン) ボタンの横に拡張機能が追加されます。

    

拡張機能のローカル更新 (再読み込み)

ブラウザーでローカルにインストール (サイドロード) されている拡張機能を更新するには:

1. 拡張機能のソース コードに変更を加え、それらの変更を保存します。

2. Microsoft Edge で、[ 拡張機能 の管理] タブが開いている場合は、それをクリックします。

   または、アドレス バーの右側にこのアイコンが表示されている場合は、[ 拡張機能 ()] ボタンをクリックします。 [拡張機能] ポップアップが開きます。 [ 拡張機能の管理] をクリックします。

   または、[ 設定など] () >Extensions>管理拡張機能を選択します。

   [ 拡張機能 の管理] タブが表示されます。

3. 拡張機能のカードの [再読み込み] リンクをクリックします。

4. Web ページを更新します。 これは、拡張機能を再読み込みした後に必要な場合があります。

拡張機能をローカルで削除する

ブラウザーでローカル (サイドロード) にインストールされている拡張機能を削除するには:

1. Microsoft Edge で、[ 拡張機能 の管理] タブが開いている場合は、それをクリックします。

   または、アドレス バーの右側にこのアイコンが表示されている場合は、[ 拡張機能 ()] ボタンをクリックします。 [拡張機能] ポップアップが開きます。 [ 拡張機能の管理] をクリックします。

   または、[ 設定など] () >Extensions>管理拡張機能を選択します。

   [ 拡張機能 の管理] タブが表示されます。

2. 拡張機能のカードの [削除] リンクをクリックします。

[拡張機能の管理] ページでのエラー 報告

拡張機能を実行するとエラーが発生する場合は、[削除] リンクと [再読み込み] リンクの間の [拡張機能の管理] ページの拡張機能のカードに [エラー] リンクが追加される場合があります。

1. Microsoft Edge で、[ 拡張機能 の管理] タブが開いている場合は、それをクリックします。

   または、アドレス バーの右側にこのアイコンが表示されている場合は、[ 拡張機能 ()] ボタンをクリックします。 [拡張機能] ポップアップが開きます。 [ 拡張機能の管理] をクリックします。

   または、[ 設定など] () >Extensions>管理拡張機能を選択します。

   [ 拡張機能 の管理] タブが表示されます。

2. 拡張機能のカードで [エラー] リンクをクリックします。

3. 拡張機能のコードのエラーを修正します。

4. [ 拡張機能 の管理] ページで、[ 再読み込み ] リンクをクリックします。

5. 拡張機能のカードの [エラー] リンクを削除するには、[拡張機能の管理] ページで [エラーのクリア] ボタンをクリックします。

関連項目

• サンプル: 画像ビューアーのポップアップ Web ページ
• サンプル: コンテンツ スクリプトを使用した画像挿入ツール