在网页上检查是否安装了特定的 Chrome 扩展程序 [重复]答案

【问题标题】：Check on a webpage whether a specific Chrome extension is installed [duplicate]在网页上检查是否安装了特定的 Chrome 扩展程序 [重复]
【发布时间】：2012-11-26 06:50:09
【问题描述】：

可能重复：
Check whether user has my chrome extension installed

一点背景。我正在创建一个 Chrome 扩展程序来与公司内部网站之间的数据进行交互，以打开和登录社交媒体网站。仅当我已验证该扩展名确实存在于该浏览器中时，我才想使用 Javascript 在页面上编写按钮。否则按钮是无用的。如果您找到了一种干净的方法，请告诉我！

谢谢！

【问题讨论】：

@如果没有安装扩展，代码根本不会运行..你能再清楚一点吗？您在寻找两个 chrome 扩展通信吗？
我不知道扩展是如何工作的，但如果它们向页面添加功能（一些实用程序函数、带有方法的对象等），那么只需检查它的存在，如 @987654322 @

标签： javascript api google-chrome google-chrome-extension

【解决方案1】：

在您的扩展程序中使用 JavaScript 在页面上编写按钮。

尽可能在下面找到。

manifest.json

{

  "name": "Example",

  "description": "Description",

  "version": "0.6",

  "permissions": ["tabs", "http://mysite.com/*"],

  "background": {

    "scripts": ["background.js"]

  },

  "manifest_version": 2

}

background.js

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
  var HOST_NAME = 'mysite.com';
  if(changeInfo.status === "complete")
  if(tab.url.search(HOST_NAME) !== -1) {
    var execute_script_param = { "file": "excecute_js.js",
                                 "runAt": "document_start"
                               }
    chrome.tabs.executeScript(tabId, execute_script_param, function() {
      console.log('added extension identity in dom');
      // if you want to do here, go ahead
    })
  }
});

执行_js

(function(obj_document) {
  // do here what ever you want
  // write buttons on a page with Javascript
})(window.document)

【讨论】：

这如何回答OP的问题I want to write buttons on a page with Javascript only if I have verified that the extension actually exists in that browser？
正如你所提到的，你想检查你的扩展是否安装。验证后，您将使用 JavaScript 在您的网站上显示按钮，因此您也可以在扩展站点上编写 JavaScript。