onclick属性に指定されたjavascriptのデバッグにはChromeのEvent Listener Breakpointsを使うと良い

otaguro 531views 更新:2015年4月8日

ChromeのデベロッパーツールのSourceタブで開いたファイルの行番号にブレークポイントを設定する方法や、DOM Breakpointsを使う方法もありますが、Sourceタブにファイルが表示されていない場合やDOMの変更が行われない場合はこれらは利用できません。
Event Listener Breakpointsを使うと確実です。
次の手順で利用できます

  1. 「デベロッパーツール」を開く
  2. 「Source」タブに切り替える
  3. 右下あたりの「Event Listener Breakpoints」を展開する
  4. 「Mouse」を展開して「click」にチェックを入れる
  5. onclick属性が設定されたタグをclickする
  6. Step into next function call(F11)を繰り返し押す

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません