クライアント側のブラウザのデバッガ：要素に現在登録されているハンドラの一覧を表示するにはどうすればよいですか？

Question

既存のサイトのクライアント側のコードを学習すると、クライアント側で行われるいくつかのアクティビティを理解したいと考えています。

特定の要素をクリックすると、どのJSハンドラが呼び出されているか知りたいですか。何らかのデバッガでこの情報を見る方法はありますか？

私はあなたが私が（謝罪私はしなかった場合）が正しくあなたの質問を読んでいる場合は、あなたが探しているものを行うにはChromeデベロッパーツールを使用することができますFirebugのとのFirefox、またはChromeの

Answer 1

ほとんどのサイトでは、独自のイベント管理システムを使用するJavascriptフレームワークを使用し、firebugやchrome開発ツールのDOM検査ツールをむしろ役に立たなくします。

幸いにも、これらのフレームワークのイベントシステムを活用するのは難しくありません。 FireQueryがあります。これはFirebugの拡張機能であり、FirebugのDOMインスペクタと非常によく似ていますが、jQueryでのみ動作します。他のフレームワークについては、Visual Event

Answer 2

を使用しています。 Chromeでは、レンダリングされたページの要素を右クリックし、[要素の検査]を選択します。開いているツールウィンドウの右側には、クリックされたときにリストをポップダウンする「プロパティ」というセクションがあります。サブカテゴリを調べると、どのような機能がどのようなイベントにつながっているかがわかるはずです。 「スクリプト」領域（開発ツールウィンドウの最上部にあるタブ）を使用して、ブレークポイントを設定し、スクリプトファイルの動作を観察できます。希望が役立ちます。