ブレイクポイントの編集を使ったちょっと変わったデバッグテク - Qiita

Chromeの開発者ツールやFirebugのブレイクポイントには、多くのデバッガと同じく特定の条件でだけブレイクする設定をするために編集するという機能があります。 ここには式ならなんでも書けるのでいろんなことができます。 この記事ではChromeの開発者ツールを例に挙げていきます。 ブレイクポイントを編集する ブレイクポイントの編集は、追加済みブレイクポイントのコンテキストメニューから行うことができます。 選択すると、ブレイク条件を設定するための入力欄が表示されます。ここに入力した式の結果がtrueと評価できる値になる場合だけブレイクするようになります。 通常はここにブレイクするための条件を書きます。以下の図の入力だと常にブレイクします。 編集を使ったテクニック さて、ここには好きな式を書くことができるので、ブレイク条件を設定する以外にもいろんなことができます。 好きな位置でconsole

[vvakame]

あかんコレはかなり便利そう…！！！

[astk_f]

変数変更テクニック。しかしなぜもっと簡単に変数変更させてくれないのか。右パネルで変数を書き換えられるように見えて変わってないのが悲しい

[speg03]

これはいい。

[efcl]

DevToolsのBreakPoints条件を使って式を評価して、console.logや値の代入やスタックトレースの保存等をする