私は JS の新人であり、大量のデバッグを意味する JS モンスターになることを目指しています。
Chrome デバッガー ツールを使用しています。目の前には、解読するダ・ヴィンチのコードのように見える大量のスパゲッティ JS コードが横たわっています。これをデバッグして、何が起こっているのかを把握する必要があります。基本的に、.js ファイル内のどの関数が特定のイベントで呼び出されているかを調べたいと考えています。これを行うために、「イベント リスナー ブレークポイント」を設定して、マウス クリック イベントを記録します。問題のボタンをクリックすると、次のようになります。
ご覧のとおり、デバッガーは、この順番で実行されようとしている対応する jQuery 関数のスクリプトを停止します。残念ながら、これはすべての jQuery ベースの関数にとって非常に一般的であり、問題にはあまり役立ちません。私が本当に知りたいのは、jQuery ライブラリで呼び出されているものではなく、jQuery 関数をトリガーした MY JS ファイルの関数です。
図：
$('#myButton').live('click', function(){
$('#popUpMenu').close();
});
これはブラウザ イベントをデバッグするための正しいアプローチですか? これが十分に明確でない場合は、詳しく説明するように依頼してください。
