ChromeのデベロッパーツールのSourceタブで開いたファイルの行番号にブレークポイントを設定する方法や、DOM Breakpointsを使う方法もありますが、Sourceタブにファイルが表示されていない場合やDOMの変更が行われない場合はこれらは利用できません。
Event Listener Breakpointsを使うと確実です。
次の手順で利用できます
- 「デベロッパーツール」を開く
- 「Source」タブに切り替える
- 右下あたりの「Event Listener Breakpoints」を展開する
- 「Mouse」を展開して「click」にチェックを入れる
- onclick属性が設定されたタグをclickする
- Step into next function call(F11)を繰り返し押す
