javascript - jquery: 準備ができているハンドラーを一覧表示する

Question

アプリケーションで Web ページの読み込み速度の低下を追跡しようとしていますが、通過する JavaScript が大量にあるため、それらを個別に処理したくありません。

追加されたすべてのイベント ハンドラーを一覧表示して、$(document).ready()それらのハンドラーを調べて問題の原因を確認する方法があるかどうかを確認しようとしています。

これを行う方法はありますか？

Answer 1

これは、jquery の ready 関数自体をオーバーライドして、ハンドラーへの参照を保存できるようにすることで実現できました。つまり、

var readyList = [];
var origReady = jQuery.fn.ready;
jQuery.fn.ready = function() {
  if ((arguments.length) && (arguments.length > 0) 
    && (typeof arguments[0] === 'function')) {
      readyList.push(arguments[0]);
  }
  origReady.apply(this, arguments);
}