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
和Firefox：http://webdevwonders.com/detecting-firefox-add-ons/
歌劇院從未被提及。

有沒有辦法做到這一點歌劇的基礎上，檢查本地資源這是擴展的一部分的想法：
鉻擴展：// - 擴展條目 -/blank.gif
火狐瀏覽器：//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();