エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです!

【Chrome】バインドされているJavaScriptを確認したい【815日目】

ボタンのJavaScriptを確認したい

あるボタンに対して、JavaScriptのクリックイベントとかがバインドされているか確認したい。

自分が作ったプログラムではないとか、
自分が作ったプログラムが実際にちゃんと動いているかとか確認したい。

やり方

  1. F12などで検証ツールを出す
  2. Elementsでクリックイベントを確認したい要素を選択する
  3. Stylesなどがある右下のタブでEvent Listenersを選択する

すると、clickを始めとしたトリガーに対してバインドされている関数が見れる。

何が嬉しい

各ファイル名をクリックすれば該当スクリプトが確認出来ます。
動作が不明なものを特定することが出来ます。

バインドをするスクリプトを書いていた場合、バインドが正しく行われたかを確認出来ます。

右クリックのメニューなどからRemoveを選択すると、一時的にイベントを削除することが出来ます。
複数の関数が動く場合、悪さをしている関数を特定するためにも一つだけ動作を確認したい時などにも使えます。