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

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

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

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

再帰オブジェクトに関する注意：再帰オブジェクトをコピーしようとすると、が表示されます[object Object]。解決方法はです。copy(JSON.stringify(temp1))オブジェクトは有効なJSONとしてクリップボードに完全にコピーされるため、多くのリソースのいずれかを使用して、好きなようにフォーマットできます。

お試しくださいJSON.stringify()。結果の文字列をコピーします。循環参照を含むオブジェクトでは機能しません。

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

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

次の手順に従ってください。

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

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

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

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

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

そんな風に...

logObject(puzzle);

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

そう、。私はこの問題を抱えていました。[オブジェクトオブジェクト]を取得した以外

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

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

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

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

これは、再帰的なアウト残すことによって文字列化深いオブジェクトを助けなければならない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;
  }, ' ');
}

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

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

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

copy(JSON.stringify(foo));

これはあなたのJSONをクリップボードにコピーします