在我的網站上檢測$（document）.ready（）

Question

上的Chrome擴展，我想檢測，我的Chrome擴展是否安裝。 通常人們會使用自定義腳本來創建一些

<div id="extensionExists"></div>. 

不過，我想的JavaScript運行的網站之前檢測擴展。 因爲我不想等待圖像完全加載，我使用document.ready（）而不是window.onload（）。 但是，我無法事先創建一個div。 如果我的內容腳本使用run_at：「document start」，我還無法創建div，如果我使用「document end」，則已經太遲了，document.ready（）已經運行。

任何想法？

Answer 1

Mhh ......據我所知，沒有乾淨的解決方案。我唯一的想法是使用MutationObserver訪問該文件，然後才完全加載，但我沒有時間，現在正確的測試...

var obs = new WebKitMutationObserver(function (mutations) { 
    console.log(mutations); 
    mutations.forEach(function (mutation) { 
    var newNodes = mutation.addedNodes; 
    console.log(newNodes); 
    // newNodes should now contain a NodeList which contains all nodes that were created right now 
    // you should be able to create your element now 
    // consider using obs.disconnect(); after you have found your entry point. 
    }); 
}); 

obs.observe(document, { childList: true }); 

不保證它會做任何事情。 jsFiddle不允許在文檔之前添加腳本，所以我甚至不能在那裏測試它。