2

<img id='hitMe' />jQuery 関数で$('#hitme').click()またはのいずれかで参照される要素を考えてみましょう$(document).on('click', '#hitme')。string をgrepする以外に、Javascriptソースコードでこれらの関数を見つけるにはどうすればよいhitmeですか? 文字列には大量の参照が含まれている可能性があり、非常に多数の Javascript ファイルがインポートされている可能性があるため、grepping は実行できないことを考慮してください。

おそらく、ページのロード後に行単位で実行される Javascript 関数に Firebug をステップインさせる方法があるのではないでしょうか? どの関数が実行されるかわからないため、ブレークポイントを設定する場所がわからないことを考慮してください。

4

4 に答える 4

1

Visual Event ブックマークレットをお勧めします。以下は、サイトからの恥知らずなコピペです。

Visual Event は、DOM 要素に関連付けられたイベントに関するデバッグ情報を提供するオープン ソースの Javascript ブックマークレットです。ビジュアルイベントショー:

  • どの要素にイベントが関連付けられているか
  • 要素に関連付けられたイベントのタイプ
  • イベントで実行されるコードがトリガーされます
  • 添付関数が定義されたソース ファイルと行番号 (Webkit ブラウザーと Opera のみ)

http://www.sprymedia.co.uk/article/Visual+Event+2

于 2013-02-05T10:35:54.810 に答える
1

そこで Chrome または Chromium が役に立ちます。調べたい要素を右クリックし、「要素の検査」を選択し、「計算されたスタイル」、「スタイル」で始まる右側のパネルを調べます...そしてその下部にセクションがあります「イベント リスナー」では、どのイベントがリッスンされ、コード内のどこに追加されたかについての情報が得られます。

于 2013-02-05T10:21:21.250 に答える