Google Chromeでのデバッグ中にjavascript変数値を変更することは可能ですか？

私は（Chrome開発ツールを使用して）JavaScriptアプリをデバッグしていますが、コードをステップ実行しながらいくつかの変数値を変更したいと思います。

それは可能ですか？

私は次のようなものを試しました。

> modeline
1
> modeline=0
0             <<< seems to work but... 
> modeline
1             <<< ups!!

しかし、何ができるか、何ができないかを説明しているドキュメントを見つけることができません...

なぜこの答えはまだ賛成を得ているのですか？

パーミカエル・メイヤーの答えは、これはもはや問題ではない、と私の答えは廃止されました（go()今で返し30コンソールでいじくる後）。上記のgabrielmaldiのコメントにリンクされているバグレポートによると、これは2013年7月に修正されました。それは私がまだ賛成票を獲得していることを私に警告します-賛成票が質問または私の答えのどちらも理解していないと私に思わせます。

私は歴史的な理由のためにここに私の元の答えを残して、しかしますupvote行くミカエルの答えを代わりに。

秘訣は、ローカル変数を直接変更することはできませんが、オブジェクトのプロパティを変更することはできます。グローバル変数の値を変更することもできます。

var g_n = 0;
function go()
{
    var n = 0;
    var o = { n: 0 };
    return g_n + n + o.n;  // breakpoint here
}

コンソール：

> g_n = 10
  10
> g_n
  10
> n = 10
  10
> n
  0
> o.n = 10
  10
> o.n
  10

go()ブレークポイントを設定してコンソールでそれらの呼び出しを実行した後の結果を確認すると、結果は0ではなく20（ただし、残念ながら30ではない）であることがわかります。

これは現在、chrome 35で可能です（現在、2014年7月11日現在）。ただし、どのバージョンで最初に許可されたかはわかりません。

私のマシンで@ gilly3の例をテストしたところ、動作しました。

• コンソールを開き、SourcesタブSnippetsで新しいスニペットを追加し、次のコードを貼り付けます。

  var g_n = 0; function go() { var n = 0; var o = { n: 0 }; return g_n + n + o.n; // breakpoint here }

• スニペット名を右クリックし、[実行]をクリックします（ただし、これは関数を起動しません）

• returnステートメントにブレークポイントを追加します。
• 以下のコンソールで、次のように入力します go()
• 以下に示すように変数値を変更します

返される結果g_n + n + o.nは30です。

これは、Chrome開発ツールで認識されているバグです。

http://code.google.com/p/chromium/issues/detail?id=124206

はい！最終的に！MacのChromeバージョン66.0.3359.170（公式ビルド）（64ビット）で試してみました。

最初の図のようにスコープ内の値を変更することも、2番目の図のようにコンソールを使用して値を変更することもできます。

そうではないようです。

ブレークポイントを設定し、コンソールへの切り替えが停止したら、変数を設定してみてください。別の値を割り当ててもエラーは発生しませんが、割り当て後に読み取った場合は変更されません。：-/

Firebugはあなたにそれを可能にするようです。

実際には回避策があります。メソッド全体をコピーし、その名前を変更します。たとえば、originalName（）をoriginalName2（）に変更しますが、内部の変数を変更して、必要な値を取得するか、パラメーターとして渡します。

次に、このメソッドをコンソールから直接呼び出すと、同じ機能がありますが、変数値を変更できます。

メソッドが自動的に呼び出される場合は、代わりにコンソールに入力します

originalName = null;
function originalName(original params..)
{
    alert("modified internals");
    add whatever original code you want
}

コンソールで割り当てることにより、スクリプト変数の値を変更できます。最も単純なようです。

Chromeチームがこのばかげた機能を許可しない理由はわかりません...しかし、変数値を正常に変更できる唯一の方法は、Chromeエディターの[ソース]タブでスクリプトを直接変更することです（これにより、ページを更新するまでスクリプト）を更新しますが、更新するとその変更は失われるため、注意してください。

同じ問題が発生し、[GoogleChromeについて]-> [ヘルプ]に移動すると、最新のアップデートを取得するにはブラウザを再起動する必要があると表示されました。

これを行ったところ、突然、ローカル変数を変更できるようになりました。[スコープ変数]ウィンドウで編集する変数をクリックし、新しい値を入力するだけです。

ただし、右側のウィンドウ（スコープ変数）のテキストを変更する前に、無関係な変数の割り当てをステップオーバーする必要があるという奇妙なことに気づきました。

実行フローを中断することなく、コードのブロックが実行されるたびに値を変更するには：

デバッガーの「ログポイント」機能は、中断することなく任意の値をコンソールに記録できるように設計されています。実行フロー内のコードを評価します。つまり、実際に使用して、停止することなくその場で値を変更できます。

行番号を右クリックして「ログポイント」を選択し、代入式を入力します。これは次のようになります。

デバッグ行を使用してプロジェクトを再構築しなくても、他の方法では再現しにくい状態に値を設定するのに非常に便利です。完了したら、ブレークポイントを削除することを忘れないでください。