クローム開発ツールでjqueryコードを調べる方法は？

Question

私はhtmlを調べるためにウェブ開発ツールを使い、続いてhtml要素に付けられたCSSを見ます。これは、他のウェブサイト（と私自身のデバッグ）から学ぶための素晴らしいプロセスであることが証明されています

JavaScriptも調べる方法はありますか？だから要素を選択すると、その要素に関連するjavascriptを見ることができるようになりますか？

Answer 1

element panelには、それに関連付けられたイベントを含む要素に関するすべての情報があります。

console in the element panelを使用して、dir(elementId)を使用して、指定されたIDを持つオブジェクトをそのプロパティでJavaScriptオブジェクトとしてダンプする要素を検査できます。

Answer 2

ページ上の任意の要素にイベントとして添付されているJavaScriptコードが表示されます。開発者ツールの要素タブと各要素には「イベントリスナー」があります。そこにはイベントやJavaScriptがキャッチされ実行されることがあります。

Answer 3

私は同じ問題を抱えていたと私はChromeでそれを行う方法を見つけるまでビットを放浪されています：

1.開きインスペクターCtrlキー + Shiftキー + を私は

2.検査する要素を選択してください。

3.クリックEvent Listenersタブ

4.クリックであなたが一番下にある{}として記号Pretty Print上

5.をクリックし（チェックしたいイベントリスナーへの次のリンクにウィンドウの）