このページは、Firefox 52 以降の Firefox Nightly および Firefox Developer Edition で使用できる JavaScript デバッガーについて説明します。
これより前のバージョンの Firefox や Firefox Beta および Release については、デバッガー (Firefox 52 より前) をご覧ください。
このバージョンのデバッガーを使用できる環境で旧デバッガーに戻す必要がある場合は、about:config で設定項目 "devtools.debugger.new-debugger-frontend" に false を設定してください。
以下のいずれかの方法で、ブレークポイントを設置できます:
- ソースペイン で、停止したい行の行番号をクリックします。
- ソースペイン で、停止したい行でコンテキストメニューを開いて [ブレークポイントを追加] を選択します。
- ソースペイン で、ブレークポイントを設置したい行をハイライトして Ctrl+B (Windows/Linux) または Command+B (Mac OS X) を押下します。
以下の動画は、コンテキストメニューを使用してブレークポイントを設置しています:
それぞれのブレークポイントは、デバッガー内の 2 か所に表示します:
- ブレークポイント一覧 で、ブレークポイントのファイル名や行番号を表示
- ソースペイン で行に青色の矢印を表示、または 条件付き ブレークポイントであれば橙色の矢印を表示