JavaScript 检查是否为 Chrome、Firefox 和 Opera 安装了浏览器扩展

Question

我想在我们的网站上显示自定义栏（通知，如：安装我们的插件。）如果未安装 Chrome、Firefox 和 Opera 的扩展程序。如果安装了扩展，则不会显示任何内容。

这个想法是：
1. 用户访问我们的网站并出现一个带有消息的栏 - “嘿，安装我们的扩展程序”。
2. 用户点击安装并安装扩展。用户无需打开它。
3. 用户再次访问我们的网站，安装扩展后，该栏不再出现。
我们只讨论安装检查，而不是 cookie。

到目前为止，我只能找到适用于 Chrome 的解决方案：http://blog.kotowicz.net/2012/02/intro-to-chrome-addons-hacking.html
和火狐：http://webdevwonders.com/detecting-firefox-add-ons/
Opera 从未被提及。

有没有办法为 Opera 做这件事，基于检查作为扩展的一部分的本地资源的想法：
chrome-extension://--扩展 ID--/blank.gif
Firefox chrome://firebug/content/blank.gif

否则： 有没有一种简单的方法来检查是否为 Chrome、Firefox 和 Opera 安装了扩展程序？

Answer 1

如果扩展愿意合作，它可以很容易地向文档宣传它的存在。例如：

---

扩展可以做

window.$$myExt = ...

然后你可以通过

检测扩展

if(typeOf $$myExt !== 'undefined'){...

（或其任何变体）

获取页面window是somewhat tricky at least

---

扩展可以做

document.body.classList.add("myExt-visited")

然后你可以通过

检测扩展

if(document.body.classList.contains("myExt-visited")){...

---

扩展可以做

document.body.innerHTML += "<div id='myExt-toolbar'>..."
// or $('body').append("<div id='myExt-toolbar'>...");

那么你可以通过

检测扩展

if(document.getElementByID("myExt-toolbar")){...
// or if($("#myExt-toolbar").length){...

---

或者，你可以这样做

<div id="myExt-replacement">
   ...

而且扩展会做

var replacement = document.getElementByID("myExt-replacement");
replacement && replacement.remove();

---

或者你可以这样做

function onMyExtExists(){
  ...
}

而且扩展会做

onMyExtExists && onMyExtExists();