Chrome扩展程序：如何使用内容脚本检测是否安装了扩展程序 [英] Chrome Extension: How to detect if an extension is installed using Content Scripts
问题描述
我在看了一些关于stackoverflow的相关问题后问了这个问题。我开始使用如何检测是否安装了扩展。我选择了在某些页面上使用内容脚本将正文添加到正文的方法。这是我是如何做到的......
manifest.json
{
name：Install Check，
content_scripts：[
{
matches：[http://host.com/*] ，
js：[insert_node.js]
}
]，
permissions：[
tabs，host.com/* b
insert_node.js（内容脚本） var insert_node = document.createElement（'div'）;
insert_node.id =HOST_SITE;
document.body.appendChild（insert_node）;
主页
< HTML>
< head>
< / head>
< body>
< h1>这是一个主机网站。欢迎！< / H1>
< script src =jquery.js>< / script>
< script src =notification.js>< / script>
< / body>
< / html>
扩展程序安装脚本
$（document）.ready（function（）{
if（$（'＃HOST_SITE'）。length> 0）{
alert（您有我们的扩展程序 ）;
} else {
alert（not installed）;
}
}）;
我的问题是消息 not_installed 在Chrome可以在DOM中注入节点之前总会弹出。我阅读了 manifest.json在此处的 run_at 属性。但是这也没有解决问题。我尝试了所有三个 document_start ， document_idle ， document_end 值。我在这里做错了什么？
解决方案它看起来像你自己的扩展和网站，在这种情况下，它会很多更易于使用内联安装。
if（typeof chrome！==undefined&& typeof chrome.app！==undefined&&& chrome.app.isInstalled）{
//扩展程序已安装。
}
I am asking this question after looking at several related questions on stackoverflow. I started with how to detect if an extension is installed. I opted for the method where I add a div to body using content scripts on some pages. Here is how I did it...
manifest.json
{
"name": "Install Check",
"content_scripts": [
{
"matches": ["http://host.com/*"],
"js" : ["insert_node.js"]
}
],
"permissions": [
"tabs", "host.com/*"
]
}
insert_node.js (content script)
var insert_node = document.createElement('div');
insert_node.id = "HOST_SITE";
document.body.appendChild(insert_node);
host page
<html>
<head>
</head>
<body>
<h1>This is a host site. Welcome!!!</h1>
<script src="jquery.js"></script>
<script src="notification.js"></script>
</body>
</html>
extension install script
$(document).ready(function() {
if ($('#HOST_SITE').length > 0) {
alert("you have our extension installed");
} else {
alert("not installed");
}
});
My problem is that the alert with message not_installed always pops up before the chrome can inject the node in DOM. I read about run_at attribute in manifest.json over here. But that didn't solve the problem either. I tried all the three document_start, document_idle, document_end values. What am I doing wrong over here?
解决方案 It looks like your own the extension and website, in which case it would be much easier to use Inline Installation.
if (typeof chrome !== "undefined" && typeof chrome.app !== "undefined" && chrome.app.isInstalled) {
// extension is installed.
}
这篇关于Chrome扩展程序：如何使用内容脚本检测是否安装了扩展程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
