Chrome 拡張機能が JavaScript を使用してインストールされているかどうかを確認するにはどうすればよいですか?

JavaScript で Chrome 拡張機能のインストールを確認できますか?

今日の Web 開発では、特定の Chrome 拡張機能がインストールされているかどうかを確認する必要がある場合があります。ユーザーのブラウザ。この機能により、Web アプリケーションはインストールされているブラウザ拡張機能とシームレスに対話できるようになります。

拡張機能のバックグラウンド スクリプト:

Web サイトから拡張機能への通信を有効にするには、バックグラウンド スクリプト (

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

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;
        }
    });

hasExtension 変数をチェックして拡張機能の存在を確認できます。

マニフェストの更新:

からのメッセージングを許可するにはWeb サイトを拡張機能に追加するには、拡張機能の manifest.json ファイルに以下が含まれていることを確認してください:

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

2021 更新:

2021 年以降、chrome.runtime.拡張機能がインストールされていないか無効になっている場合、sendMessage は例外をスローします。これに対処するには、コールバック内で chrome.runtime.lastError プロパティを検証します:

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

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