我有一个angular 4应用程序,我想检查是否安装了Chrome扩展,如果没有,我想显示一个按钮来安装它。
我试图找到一个包来做这件事,但什么也找不到。有人对此有什么建议吗?
我可以编辑angular应用程序和chrome扩展。
谢谢。
发布于 2018-03-28 00:27:08
您可以为自己的扩展编写一个内容脚本,该脚本只在您的网站上触发,并在DOM中注入一个您可以检查的标志。例如(此代码未经测试;它只是为了说明原理):
myExtensionDetector.js
window.onload = function() {
window.__EXTENSION_IS_INSTALLED__ = true;
}然后,在你的清单中:
manifest.json
{
...
content_scripts: [
...
{
"run_at": "document_start",
"matches": "https://mywebsite.com",
"js": ["myExtensionDetector.js"]
},
...
]
}最后,在你的网站代码中:
function isExtensionInstalled() {
return window.__EXTENSION_IS_INSTALLED__ !== undefined;
}因此,如果安装了扩展,该内容脚本将在页面加载时注入,并在页面中设置标志。否则,该标志将是未定义的。因此,您可以使用该标志的存在作为扩展是否已安装的指示器。
https://stackoverflow.com/questions/49514103
复制相似问题