如何在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已经发射。