javascript - 检测用户是否安装了 Chrome 扩展程序

Question

我尝试了这个问题的所有解决方案

Check whether user has a Chrome extension installed

我做了什么:

1-我添加了后台js文件，并在 list 中添加了以下内容

 "background": {
       "scripts": ["js/background.js"],
       "persistent": true
   },

   "permissions": [ "https://*.mydomain.com/*" ],

在background.js中我添加了

chrome.runtime.onMessageExternal.addListener(function(msg, sender, sendResponse) {
    if ((msg.action == "id") && (msg.value == id))
    {
        sendResponse({id : id});
    }
});

在我的网站中我添加了这段代码

<script>
    var id = "madbfblbpcoiddlankhkdbagjeemnlof";
    chrome.runtime.sendMessage(id, {action: "id", value : id}, function(response) {
        if(response && (response.id == id)) //extension installed
        {
            console.log(response);
        }
        else //extension not installed
        {
            console.log("Please consider installig extension");
        }

    });
</script>

我总是得到“请考虑安装扩展”

如何解决这个问题？

Answer 1

在 background.js 的开头定义您的 id，如下所示:var id = chrome.runtime.id;。

此外，您还需要将您的网站添加到 externally_connectable，而不是 manifest.json 中的 permissions，如下所示:

"externally_connectable": {
    "matches": ["https://*.mydomain.com/*"]
}