web-dev-qa-db-ja.com

Chromeで監視されたJavaScript変数をコピーするにはどうすればよいですか?

JavaScriptにブレークポイントを設定し、Chromeでいくつかのコードをテストしています。値のウォッチ式も追加しました。

Chromeはブレークポイントでブレークし、値を表示します。ただし、値が非常に長く、すべてが表示されるわけではありません。ウィンドウセパレーターを左に移動しましたが、画面の中央で止まります。監視対象の変数をダブルクリックすると、式を編集する必要があります。シングルクリックしてドラッグすると、表示されているテキストだけが選択されます。右クリックしても何も起こりません。

これは私が見るものです

url: "m=mtgoxUSD&SubmitButton=Draw&r=&i=&c=0&s=&e=&Prev=&Next=&t=S&b=&a1=&m1=10&a2=&m2=25&x=0...

最後に...なしで式全体をコピーしたいと思います。どうやってやるの?

38
siamii

これが私がすることです。

編集:これは、[ウォッチ式]パネルの下にあるスコープ変数で機能します。

  1. 値をダブルクリックして編集モードに切り替えます。

  2. Ctrl + A(windows)またはCmd + A(mac)で値全体を選択します。

  3. Ctrl + C(またはCmd + C)でコピーします。

12
Ben

現在のChrome開発ツールでは、両方の回答に従って、その変数に配列またはネストされたオブジェクトプロパティがある場合、どちらのアプローチも機能しないため、ほぼ3年後に遅い回答を追加します実際のオブジェクト値に多数のArray[size]またはObject文字列がインターリーブされた文字列をコピーするだけで、複雑なオブジェクト階層にはまったく役に立ちません。

提案されたアプローチは、手動で値をナビゲートする必要があるだけで問題がない場合は問題ありません。

代わりに、特に監視対象の値をコピーして新しい変数のコンテンツとして使用する必要がある場合は、文字列化された後にコンソールにダンプすることをお勧めします。

JavaScriptコンソールを表示し、次のように入力します。

console.log(JSON.stringify(my_watched_var))

このようにして、完全な構造が純粋なJavascriptで表示されます。これは完全に再利用可能/コピー可能な方法です。

45

コンソールを表示し、表示する式を入力してを押します。値全体が表示され、選択してコピーできるようになります。

デバッガーが一時停止している間、これは、現在の実行ポイントでスコープ内にあるローカル変数を含む式でも機能します。

27
Łukasz Nojek

Chrome DevToolsのコンソールコマンドラインには、「コピー」機能が組み込まれています。

copy(my_variable)

my_variableの値が文字列でない場合は、自動的にJSONに変換されます。結果の文字列は、貼り付けのためにシステムクリップボードに残されます。

これが 参照ドキュメント です。

25
emackey

Chrome Dev Tools? 」でオブジェクトを自動展開する方法はありますか?オブジェクトのプロパティと、データ型や値を含む完全な階層が表示されます。

アプリケーションの2つの状態を比較する必要がある場合に役立ちます。

1
Matteo Conta

このリンクには驚くべき説明があります: https://scottwhittaker.net/chrome-devtools/2016/02/29/chrome-devtools-copy-object.html

手順:1)変数を右クリックし、[グローバル変数として追加]を選択します。2)コンソールで、copy(temp1)と書き込みます。3)エディターを開いて貼り付けます。

0
Soham Mehta