Javascript / Chrome - Wie kopiere ich ein Objekt aus dem Webkit-Inspektor als Code?

Question

Ich tue eine console.log-Anweisung in meinem Javascript, um ein Javascript-Objekt zu protokollieren. Ich frage mich, ob es eine Möglichkeit gibt, sobald das getan ist - um dieses Objekt als Javascript-Code zu kopieren. Was ich versuche zu tun ist, konvertieren ein Objekt, das mit Ajax erstellt wurde, um eine xml-Feed in ein statisches Javascript-Objekt zu parsen, so dass eine Datei lokal ausgeführt werden kann, ohne einen Server. Ich habe einen Screenshot des Objekts in der Chrome-Inspector-Fenster enthalten, so dass Sie sehen können, was ich zu tun versuche.

Answer 1

1. Klicken Sie mit der rechten Maustaste auf ein Objekt in der Konsole von Chrome und wählen Sie Store as Global Variable aus dem Kontextmenü. Es wird etwas zurückgegeben wie temp1 als Variablenname.

2. Chrome hat auch eine copy() Methode, also copy(temp1) in der Konsole sollte dieses Objekt in Ihre Zwischenablage kopieren.

Hinweis zu rekursiven Objekten: Wenn Sie versuchen, ein rekursives Objekt zu kopieren, erhalten Sie [object Object] . Der Ausweg ist, zu versuchen copy(JSON.stringify(temp1)) wird das Objekt vollständig als gültiges JSON in die Zwischenablage kopiert, so dass Sie es mit Hilfe einer der vielen Ressourcen nach Belieben formatieren können.

Wenn Sie die Uncaught TypeError: Converting circular structure to JSON Nachricht, können Sie JSON.stringify Argument (das eine Filterfunktion ist), um die störenden kreisförmigen Eigenschaften herauszufiltern. Siehe dies Stack Overflow-Antwort für weitere Einzelheiten.

Answer 2

In Chrome 89 oder höher können Sie einfach mit der rechten Maustaste auf ein Objekt in der Konsole klicken und Copy Object ( レフ ). Dies funktioniert auch an einigen anderen Stellen in den Chrome-Entwicklertools, z. B. beim Debuggen oder in der Antwort-Registerkarte für eine Netzwerkanfrage.

Eine andere Möglichkeit ist die Verwendung der copy Befehl so wie er ist:

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

---

Ursprüngliche Antwort

Answer 3

Sie können ein Objekt in Ihre Zwischenablage kopieren, indem Sie copy(JSON.stringify(Object_Name)); in der Konsole.

Beispiel: Kopieren Sie den folgenden Code und fügen Sie ihn in Ihre Konsole ein, und drücken Sie ENTER. Versuchen Sie nun, den Code an einer anderen Stelle einzufügen (STRG+V für Windows oder CMD+V für Mac) und Sie erhalten {"name":"Daniel","age":25}

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

copy(JSON.stringify(profile));

Answer 4

Sie können dies nun in Chrome erreichen, indem Sie mit der rechten Maustaste auf das Objekt klicken und "Als globale Variable speichern" auswählen: http://www.youtube.com/watch?v=qALFiTlVWdg

Answer 5

Wenn Sie das Objekt über eine Anfrage gesendet haben, können Sie es über die Registerkarte Chrome -> Netzwerk kopieren.

Nutzdaten der Anfrage - > Quelle anzeigen