Web サイトは Chrome 拡張機能がインストールされているかどうかを検出できますか?

外部スクリプトから Chrome 拡張機能のインストールを検出する方法

シームレスなユーザー エクスペリエンスを作成するには、多くの場合、ユーザーが特定の Chrome 拡張機能を使用しているかどうかを確認する必要があります。インストールされています。これにより、Web サイトは拡張機能の存在に基づいてコンテンツと機能を適応させることができます。

最新のアップデートによると、Chrome は Web サイトから拡張機能にメッセージを送信する機能を提供するようになりました。これを実現するには、次の手順に従います。

1. 拡張機能の 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. ウェブサイトからメッセージを送信できます。 extension:

   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. 拡張機能が応答したら、hasExtension 変数をチェックしてユーザーのインストール ステータスを確認できます。

メッセージ交換は非同期であるため、メッセージ交換の可能性を処理するロジックを実装する必要がある場合があります。遅延。

編集:

1. 許可されるドメインを指定するエントリを manifest.json ファイルに追加します。にメッセージを送信しますextension:

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

2. chrome.runtime.sendMessage のコールバックで、拡張機能がインストールされていないか無効になっている場合に発生する可能性のある潜在的なエラーを処理します。

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

以上がWeb サイトは Chrome 拡張機能がインストールされているかどうかを検出できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。