如何在Javascript中觸發DOMContentLoaded時執行什麼操作？

Question

有沒有辦法獲得所有將在DOMContentLoaded被觸發時執行的代碼，或者jQuery的$（document）.ready（）函數。

我想優化我的網站，並通過速度測試，發現頁面加載時間2秒用於處理DOMContentLoaded被觸發時的事件。根據約翰Resig的帖子在這裏

console.log($(document).data("events").ready); 

：

Answer 1

我會強烈建議在Chrome探查此任務：

http://www.youtube.com/watch?v=OxW1dCjOstE

Answer 2

試試這個http://forum.jquery.com/topic/list-event-listeners

此外，檢查出listHandlers plugin.

如果一切都失敗了，你可以暫時編輯jQuery核心文件：

ready: function(fn) {  
    //create a wrapper function so we can step into the debugger 
    var fn2 = function() { 
     var args = [].slice.call(arguments); 
     debugger; // <-- start debugging each handler as it fires 
     return fn.apply(this, args); 
    } 

    // Attach the listeners 
    jQuery.bindReady(); 

    // Add the callback 
    readyList.add(fn2); 

    return this;  
}, 

Answer 3

按照Network Panel info in the Chrome Developer Tools documentation，DomContentLoaded一旦出現藍線已經發射了。一旦出現紅線，FWIW，load已經發射。