首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何检查是否安装了chrome扩展?

如何检查是否安装了chrome扩展?
EN

Stack Overflow用户
提问于 2018-03-27 21:24:18
回答 1查看 215关注 0票数 0

我有一个angular 4应用程序,我想检查是否安装了Chrome扩展,如果没有,我想显示一个按钮来安装它。

我试图找到一个包来做这件事,但什么也找不到。有人对此有什么建议吗?

我可以编辑angular应用程序和chrome扩展。

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2018-03-28 00:27:08

您可以为自己的扩展编写一个内容脚本,该脚本只在您的网站上触发,并在DOM中注入一个您可以检查的标志。例如(此代码未经测试;它只是为了说明原理):

myExtensionDetector.js

代码语言:javascript
复制
window.onload = function() {
  window.__EXTENSION_IS_INSTALLED__ = true;
}

然后,在你的清单中:

manifest.json

代码语言:javascript
复制
{
  ...
  content_scripts: [
    ...
    {
      "run_at": "document_start",
      "matches": "https://mywebsite.com",
      "js": ["myExtensionDetector.js"]
    },
    ...
  ]
}

最后,在你的网站代码中:

代码语言:javascript
复制
function isExtensionInstalled() {
  return window.__EXTENSION_IS_INSTALLED__ !== undefined;
}

因此,如果安装了扩展,该内容脚本将在页面加载时注入,并在页面中设置标志。否则,该标志将是未定义的。因此,您可以使用该标志的存在作为扩展是否已安装的指示器。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49514103

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档