Chromeでjavascript のデバッグ

  1. 右クリックメニューで「要素の検証」
  2. 「Sources」タブの左上の三角アイコンをクリックして、ソースを選択
  3. 行番号をクリックしてブレークポイント設定
  4. 画面を操作してjavascriptを動かすと、ブレークして
  5. 右側のパネルでステップ実行や変数の確認ができます