1. Top
  2. Tips

F12 開発者ツールで モーダルダイアログのJavaScript をデバッグする方法

モーダルダイアログ(showModalDialog)表示した画面にて、F12 開発者ツールでデバッグしたい場合、下記の方法があります。

1.モーダルダイアログのHTMLソースコードを取得してIEで開きます。

※モーダルダイアログのHTMLソースコードの取得は、こちら を参照して下さい。

2.F12キーを押して、開発者ツールを起動します。
3.スクリプトタブを選択します。
4.スクリプトの実行をストップさせたい箇所の行番号をクリックするか、F9キーを押して、ブレークポイントを設定します。
5.デバッグ開始ボタンをクリックします。
6.表示しているページをリロードすると、デバッグが開始されます。
7.デバッグの停止ボタンをクリックすれば、デバッグは終了できます。


デバッグ中はキーボードショートカットで以下のような操作ができます。
F10:ステップオーバ-
F11:ステップイン
Shift+F11:ステップアウト
F5:スクリプトの続行
Ctrl+Shift+B:すべてブレーク


ページの先頭へ