Windows 10

Microsoft Edgeの拡張機能でHello Worldしてみた。

【Windows 10ユーザーズ・ワークベンチ】Edgeの拡張機能サポートと使いやすくなったタッチキーボード – PC Watch」記事でも紹介されていますが、Windows 10 Insider PreviewでついにMicrosoft Edgeの拡張機能(Microsoft Edge Extensions)が追加されました。

現在(2016/3/28 時点)「Developer Resources : Microsoft Edge Dev」ページでは、追加手順とともに「Microsoft Translator」「Reddit Enhancement Suite」「Mouse Gestures」の3つの拡張機能が公開され、それぞれの機能をEdgeに追加・試用することができるようになっています。

Edgeの拡張機能を自分で作ってみる

上記拡張機能が実際にEdgeで動くことが分かったので、今度は自分で作ってみることにします。

※ 下記拡張機能はWindows 10 Pro Insider Preview 10.0.14295 ビルド 14295、Microsoft Edge 34.14295.1000.0 環境で動作確認しています。
※ Windows 10正式ビルドでは拡張機能の作成・追加手順が異なる可能性があります。
※ 下記手順は公開されている3つの拡張機能のマニフェストファイルやインストール用のバッチファイル(INSTALL_SCRIPT.cmd)を参考にしました。

  1. 拡張機能用のフォルダーを作成します(今回は C:\Extensions\HelloWorld )。
  2. 1.のフォルダーに下記3つのファイルを作成します(すべてUTF-8)。
  3. ・manifest.json

    {
      "name": "テスト用拡張機能",
      "description": "拡張機能のテストです。",
      "version": "0.0.0.1",
      "locale": "ja",
      "default_locale": "ja",
      "background": {
        "page": "background.html"
      }
    }

    ・background.html

    <!DOCTYPE html>
    <html lang="ja">
    <head>
    <meta charset="utf-8">
    <script src="background.js"></script>
    </head>
    </html>

    ・background.js

    alert("こんにちは、世界!");
  4. コマンド プロンプトを起動し、icaclsコマンドを実行して1.のフォルダーにアクセス権を設定します。
  5. Microsoft_Edge_Extensions_01_01

    Microsoft_Edge_Extensions_01_02

    この作業を行わないと、拡張機能を読み込む際に「この拡張機能を読み込めませんでした」エラーが発生します。

    Microsoft_Edge_Extensions_01_03

  6. Microsoft Edgeを起動し、「about:flags」を開きます。
  7. アンパックされた拡張機能の読み込みを許可する」にチェックが入っていることを確認します。
  8. Microsoft_Edge_Extensions_01_04

  9. Edgeの「詳細(…)」から「拡張機能」をクリックします。
  10. Microsoft_Edge_Extensions_01_05

  11. 拡張機能の読み込み」ボタンをクリックします。
  12. Microsoft_Edge_Extensions_01_06

  13. フォルダーの選択ダイアログが表示されるので、1.のフォルダーを選択します。
  14. Microsoft_Edge_Extensions_01_07

  15. 拡張機能が無事に読み込まれると、マニフェストファイル(manifest.json)で指定したWebページ(background.html → background.js)が読み込まれ、メッセージが表示されます。
  16. Microsoft_Edge_Extensions_01_08

拡張機能のレジストリー情報

追加したテスト用の拡張機能のIDをキーワードにレジストリーを検索したところ、下記キーがヒットしました。

  • HKEY_CLASSES_ROOT\Local Settings\Software\Microsoft\Windows\CurrentVersion\AppContainer\Storage\microsoft.microsoftedge_8wekyb3d8bbwe\MicrosoftEdge\ExtensionsStore\datastore\Config
  • HKEY_CURRENT_USER\SOFTWARE\Classes\Local Settings\Software\Microsoft\Windows\CurrentVersion\AppContainer\Storage\microsoft.microsoftedge_8wekyb3d8bbwe\MicrosoftEdge\ExtensionsStore\datastore\Config
  • HKEY_USERS\S-1-5-21-3419937221-2281497906-2190042621-1001\SOFTWARE\Classes\Local Settings\Software\Microsoft\Windows\CurrentVersion\AppContainer\Storage\microsoft.microsoftedge_8wekyb3d8bbwe\MicrosoftEdge\ExtensionsStore\datastore\Config

恐らく、上記キー付近に拡張機能の情報が記載されているのだろうと思います。

参考Webサイト

【オトカドール】あそべるお店マップ「オトカマップ」を作ったよ。前のページ

Microsoft Edgeの拡張機能を色々試してみた。次のページ

関連記事

  1. Windows 10

    続・起動中のMicrosoft EdgeからタイトルとURLを取得するC#コード(UI Automa…

    2017/8/18 追記:当記事のコードは現在動作しなくなっている…

  2. Windows関連

    [Windows 8]クイックアクセスツールバーの情報はどこ?

    ※ 下記はWindows Developer Preview(英語版・…

  3. Windows 10

    起動中のMicrosoft EdgeからタイトルとURLを取得するC#コード(UI Automati…

    2017/8/18 追記:当記事のコードは現在動作しなくなっている…

  4. Windows関連

    ICONIATABの画面が自動的に回転しない?

    前々回の記事でICONIATAB-W500P1にWindows 8 D…

  5. Windows関連

    [Windows 8]スタートスクリーンの背景色を変更する。

    ※ 下記はWindows Developer Preview(英語版・…

  6. Windows 10

    Chromium版のMicrosoft Edgeをインストールしてみました。

    下記記事の通り、今月の15日(米国時間)付でChromiumベースのM…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

Time limit is exhausted. Please reload CAPTCHA.

※本ページはプロモーションが含まれています。

Translate

最近の記事

アーカイブ

PAGE TOP