Chromeデベロッパーツールのローカル修正が壊れていた

Question

何か不足していたり​​、何とかそれを壊すことができましたか？

Ivはブレークポイントを設定し、毎回jsコードを編集してページ全体をリロードする必要なく、デバッグをいくつか行いたいと考えています。 "ローカル変更"オプションは、空の履歴タブを持つ新しい引き出しのみを開きます。

コンソールは、ほとんどの変数を表示していますが - これと同様の構造が使用されている場合、それは助けにはならない：ログインせずに

rate += Number(oldRates[key])/100; 

または変数に代入、私は実際にどのようなoldRates [キー]知りません戻り値（このキーが持つ値を調べる以外に）

これは、この部分を個別にログに記録したり、変数に代入するためのローカル修正が役に立ちます。

Answer 1

ローカル変更は[履歴]タブに表示され、ソースを変更して保存すると表示されます。これにより、アプリケーションをリロードせずにこれらの変更を元に戻すことができます。 Demoを参照してください。

Watch Expressionを使用すると、実行中のオブジェクトの現在の状態を表示できます。上記の例で

Iオブジェクトを作成した後、私は一時停止。 obj変数に時計を追加しました。これで時計パネルのすべてのキーと値が表示されるようになりました。私はコンソールに常にログオンする必要はありません。