JavaScript デバッガを使用すると、変数の現在の状態を検査し、必要に応じてその値を変更できます。JavaScript デバッガの「変数」セクションには、実行が一時停止した時点での変数の値が表示されます。

「変数」セクションには次のタブがあります。

「範囲」タブには、表示またはデバッグされているスタックフレームの状態と、コードのそのセクションで宣言されている既知の変数が表示されます。青色のテキストで変数名が表示され、その後ろにコロンで区切って変数値が表示されます。

範囲の変数は、コードをステップ実行するか、「ターミナル」タブで変更を行うことによって、システムに変更が加えられると更新されます。

「Watch」タブでは、コードをデバッグするときに監視する変数を宣言できます。監視する変数は、編集モードとデバッグモードの両方で定義できます。

編集モードで監視する変数を定義した場合、その値は空で表示されます。監視するように設定した変数は、現在のユーザー用に保存されます。コードをステップ実行したり、「ターミナル」タブで変更を加えたりすると、監視している変数が更新されます。

「Watch」タブには次のものがあります。

新しく監視する変数を追加するには、次の手順を実行します。

新規変数がリストに追加されます。

「ターミナル」タブはデバッグシェルのように機能します。このタブには変数が表示され、ランタイムで値を設定できます。文字列、数値、ブール値などのプリミティブな値のみを更新できます。JavaScript の条件または定義式を実行し、「ターミナル」タブで結果を確認できます。ツールバーを使用して、すべての定義式をクリアできます。監視対象として設定されている変数とは異なり、定義式は 1 度だけ実行され、サービスをデバッグしても更新されません。定義式はユーザー名とともに保存されます。