615

javascriptオブジェクトをログに記録するために、javascriptでconsole.logステートメントを実行しています。それが終わったら、そのオブジェクトをjavascriptコードとしてコピーする方法があるかどうか疑問に思っています。私がやろうとしているのは、ajaxを使用して作成されたオブジェクトを変換してxmlフィードを静的なjavascriptオブジェクトに変換し、サーバーなしでファイルをローカルで実行できるようにすることです。オブジェクトのスクリーンショットをChromeインスペクターウィンドウに含めたので、私が何をしようとしているのかがわかります。ここに画像の説明を入力してください

4

14 に答える 14

1566
  1. Chromeのコンソールでオブジェクトを右クリックStore as Global Variableし、コンテキストメニューから選択します。temp1変数名のようなものを返します。

  2. Chromeにもcopy()メソッドがあるためcopy(temp1)、コンソールでそのオブジェクトをクリップボードにコピーする必要があります。

ChromeDevToolsでJavascriptオブジェクトをコピーする

再帰オブジェクトに関する注意:再帰オブジェクトをコピーしようとすると、が取得されます[object Object]。試してみるcopy(JSON.stringify(temp1))と、オブジェクトは有効なJSONとしてクリップボードに完全にコピーされるため、多くのリソースの1つを使用して、必要に応じてフォーマットすることができます。

Uncaught TypeError: Converting circular structure to JSONメッセージが表示されたら、JSON.stringifyの2番目の引数(フィルター関数)を使用して、問題のある循環プロパティをフィルターで除外できます。詳細については、このStackOverflowの回答を参照してください。

于 2014-08-05T13:54:16.613 に答える
70

Copy ObjectChrome 89以降では、コンソールでオブジェクトを右クリックして(ref )を選択するだけです。これは、Chromeデベロッパーツール内の他の場所でも機能します。たとえば、デバッグ中やネットワークリクエストの応答タブ内などです。

他のオプションは、copyコマンドをそのまま使用することです。

var x = { a: 1, b: 2 };
copy(x);

元の回答

于 2012-04-24T20:19:20.147 に答える
45

copy(JSON.stringify(Object_Name));を使用して、オブジェクトをクリップボードにコピーできます。コンソールで。

例:-以下のコードをコピーしてコンソールに貼り付け、Enterキーを押します。ここで、別の場所に貼り付けてみてください(Windowsの場合はCTRL + V、Macの場合はCMD + V)。 {"name": "Daniel"、 "age":25}が表示されます。

var profile = {
    name: "Daniel",
    age: 25
};

copy(JSON.stringify(profile));
于 2014-05-21T07:40:41.053 に答える
27

これで、オブジェクトを右クリックして[グローバル変数として保存]を選択することで、Chromeでこれを実行できます:http ://www.youtube.com/watch?v = qALFiTlVWdg

ここに画像の説明を入力してください

于 2014-06-12T19:37:30.740 に答える
14

次の手順に従います。

  1. 次のように、コードからconsole.logを使用してオブジェクトを出力します。console.log(myObject)
  2. オブジェクトを右クリックし、[グローバルオブジェクトとして保存]をクリックします。Chromeは、この時点で変数の名前を出力します。それが「temp1」と呼ばれていると仮定しましょう。
  3. コンソールで、次のように入力しますJSON.stringify(temp1)
  4. この時点で、JSONオブジェクト全体がコピー/貼り付け可能な文字列として表示されます。
  5. http://www.jsoneditoronline.org/などのオンラインツールを使用して、この時点で文字列をきれいにすることができます。
于 2015-06-09T00:57:51.937 に答える
12

リクエストを介してオブジェクトを送信した場合は、[Chrome]->[ネットワーク]タブからオブジェクトをコピーできます。

ペイロードのリクエスト->ソースの表示

ここに画像の説明を入力してください

ここに画像の説明を入力してください

于 2014-09-12T16:51:25.543 に答える
5

アップデート-Chrome89

右クリック->オブジェクトのコピー

ソース:(https://developers.google.com/web/updates/2021/01/devtools?utm_source=devtools

ここに画像の説明を入力してください

デバッガーからも

ここに画像の説明を入力してください

于 2021-03-04T08:12:41.033 に答える
2

オブジェクトを文字列としてコンソール化できます

var objToString = JSON.stringify(obj)
console.log(objToString );

次に、メモ帳++のようなエディターで、出力を貼り付けてから、プラグイン形式をehitします。

JSFormat

于 2021-06-06T18:07:43.007 に答える
1

Windowこれは、再帰オブジェクトとオブジェクトを除外することにより、深いオブジェクトを文字列化するのに役立ちNodeます。

function stringifyObject(e) {
  const obj = {};
  for (let k in e) {
    obj[k] = e[k];
  }

  return JSON.stringify(obj, (k, v) => {
    if (v instanceof Node) return 'Node';
    if (v instanceof Window) return 'Window';
    return v;
  }, ' ');
}
于 2019-07-12T06:07:05.343 に答える
1

保存したいデータを右クリック

  • まず、保存したいデータを右クリック->「グローバル変数として保存」を選択すると、新しい一時変数が次のように表示されます:(temp3変数): 新しい一時変数がコンソールに表示されます
  • 次に、画像のようなコマンドcopy(temp_variable_name)を使用 します。ここに画像の説明を入力 します。その後、データを任意の場所に貼り付けることができます。役に立つことを願っています/
于 2019-07-23T08:46:50.773 に答える
1

これは実際に私を助けてくれました。しかし、私がやっていることはうまくいきます。

私がテストしているデバイスはsafariデバッグツールを使用しており、Chromeでオブジェクトを右クリックしてコピーする場合のように、オブジェクトをコピーすることはできません。

JSON.stringifyを試し、コンテンツをhttps://beautifier.ioに貼り付けましたが、再フォーマットする必要があります。

結局、ローカルストレージとコピー方式を使用することになりました。

コードで使用します。

localStorage.setItem('dataCopy', JSON.stringify(data));

次に、これをコンソールに貼り付けて、Enterをクリックします。

copy(JSON.parse(window.localStorage.dataCopy))

次に、クリップボードにオブジェクトの配列があります。

于 2021-12-22T11:29:44.487 に答える
0

「グローバル変数として保存」の使用は機能しますが、オブジェクトの最終インスタンスのみを取得し、オブジェクトがログに記録された瞬間は取得しません(オブジェクトへの変更が発生したときに比較したい場合があるため)。変更された正確な時点でオブジェクトを取得するには、これを使用します...

function logObject(object) {
    console.info(JSON.stringify(object).replace(/,/g, ",\n"));
}

そのように呼んでください...

logObject(puzzle);

データにカンマが含まれている場合は、.replace(/./ g、 "、\ n")正規表現を削除することをお勧めします。

于 2017-08-01T21:12:04.067 に答える
0

それで、。この問題が発生しました。[オブジェクトオブジェクト]を取得した以外は

再帰でこれを行うことができると確信していますが、これは私にとってはうまくいきました:

これが私のコンソールでしたことです:

var object_that_is_not_shallow = $("all_obects_with_this_class_name");
var str = '';
object_that_is_not_shallow.map(function(_,e){
    str += $(e).html();
});
copy(str);

次に、エディターに貼り付けます。

于 2018-04-09T01:22:26.673 に答える
0

これをコンソールに追加して実行します

copy(JSON.stringify(foo));

これにより、JSONがクリップボードにコピーされます

于 2020-06-04T14:17:05.093 に答える