（ボタンのような）javascript要素をデバッグする方法

Question

単純なデバッグ質問のように聞こえるが、私は解決策を見つけることができない。

デベロッパーパネルのchromeのようなWebブラウザでは、要素（ボタンのようなもの）を調べ、ページ/ファイルの対応するjavascriptイベントを見つけるためにchromeを要求します（ブレークポイントを配置するコードを見る）。

どうすればいいですか？ （このポストで@ dev3078が提案したように、イベントを発生させずにタイムラインを確認することなく、How do I monitor what Javascript is being triggered when I click an element in a webpage?）。私は、IDEのように、 'goto javascript events declaration'を持っていたいと思います！

Answer 1

右側にイベントリスナーブレークポイントと呼ばれるドロップダウンが表示され、マウスイベントを展開してクリックを選択すると、Domボタンをクリックすると、devツールは最初の関数内でデバッグモードに入りますクリックイベントの後で、クリック以外のイベントを選択することもできます