読者です 読者をやめる 読者になる 読者になる

matsukaz's blog

Agile, node.js, ruby, AWS, cocos2d-xなどなどいろいろやってます

profiling pluginでロード中の処理もプロファイリング

jQuery

Firebug限定だけどロード中の処理もプロファイリングできました。やり方は以下の通り。

  1. 初めて$(document).ready(fn);が呼ばれている箇所にブレークポイントを設定。
  2. 設定したブレークポイントで止まったら、コンソールにhttp://dev.jquery.com/~john/plugins/profile/jquery-profile.jsJavascriptを入力して実行。
  3. jQuery.displayProfile();を実行して解析結果を表示。

これ以上の簡単な方法は思いつかないなぁ。

ちなみに前回説明したロード後の処理だけプロファイリングするのであれば、ブックマークレットで簡単にプロファイリングできました。以下がブックマークレットです。

  • プロファイリング開始
javascript:void((function(){$("body").append("<script src='http://dev.jquery.com/~john/plugins/profile/jquery-profile.js'></script>");})());
  • プロファイリング終了
javascript:void((function(){jQuery.displayProfile();})());