外部スクリプトを使用して Chrome 拡張機能の存在を確認する方法

外部スクリプトを使用して Chrome 拡張機能の存在を確認する

Chrome 拡張機能を開発する際、インストール ステータスを検出するために外部 JavaScript スクリプトと統合します。は不可欠です。これにより、拡張機能がブラウザに存在するかどうかに基づいてユーザー エクスペリエンスを調整できます。

幸いなことに、Chrome には、Web ページと拡張機能の間でメッセージを交換するためのメカニズムが用意されています。これを実現するには、次の手順に従います。

1. Chrome 拡張機能を拡張します。

   • background.js ファイルで、外部メッセージを処理します。以下のコード:

   chrome.runtime.onMessageExternal.addListener(
       function(request, sender, sendResponse) {
           if (request) {
               if (request.message) {
                   if (request.message == "version") {
                       sendResponse({version: 1.0});
                   }
               }
           }
           return true;
       });

2. Web ページからの通信:

   • Web ページ:

   var hasExtension = false;
   
   chrome.runtime.sendMessage(extensionId, { message: "version" },
       function (reply) {
           if (reply) {
               if (reply.version) {
                   if (reply.version >= requiredVersion) {
                       hasExtension = true;
                   }
               }
           } else {
             hasExtension = false;
           }
       });

3. ハンドル権限:

   • manifest.json で、接続できるドメインを指定します。あなたの拡張機能:

   "externally_connectable": {
       "matches": ["*://localhost/*", "*://your.domain.com/*"]
   }

4. 例外処理 (2021 更新):

   • 拡張機能がそうでない場合の例外を処理するにはインストールまたは無効化するには、チェックを追加しますruntime.lastError:

   if (chrome.runtime.lastError) {
       // handle error
   }

これらの手順を実装すると、外部 JavaScript スクリプトを使用して Chrome 拡張機能の存在をシームレスに検出し、それに応じてユーザー エクスペリエンスを調整できます。

以上が外部スクリプトを使用して Chrome 拡張機能の存在を確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。