javascript - Javascript/Chrome-Webkitインスペクターからオブジェクトをコードとしてコピーする方法

Question

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

score 1566 · Accepted Answer

Chromeのコンソールでオブジェクトを右クリックStore as Global Variableし、コンテキストメニューから選択します。temp1変数名のようなものを返します。
Chromeにもcopy()メソッドがあるためcopy(temp1)、コンソールでそのオブジェクトをクリップボードにコピーする必要があります。

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

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

score 70 · Accepted Answer

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

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

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

元の回答

score 45 · Accepted Answer

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));

score 27 · Accepted Answer

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

score 14 · Accepted Answer

次の手順に従います。

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

score 12 · Accepted Answer

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

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

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

score 5 · Accepted Answer

アップデート-Chrome89

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

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

デバッガーからも

score 2 · Accepted Answer

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

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

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

JSFormat

score 1 · Accepted Answer

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;
  }, ' ');
}

score 1 · Accepted Answer

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

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

score 1 · Accepted Answer

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

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

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

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

コードで使用します。

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

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

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

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

score 0 · Accepted Answer

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

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

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

logObject(puzzle);

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

score 0 · Accepted Answer

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

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

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

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);

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

score 0 · Accepted Answer

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

copy(JSON.stringify(foo));

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

javascript - Javascript/Chrome-Webkitインスペクターからオブジェクトをコードとしてコピーする方法

14 に答える 14

アップデート-Chrome89

Related

Reference