Javascript / Chrome - Cara menyalin objek dari inspektur webkit sebagai kode

Saya melakukan pernyataan console.log di javascript saya untuk mencatat objek javascript. Saya bertanya-tanya apakah ada cara, setelah selesai - untuk menyalin objek itu sebagai kode javascript. Apa yang saya coba lakukan adalah mengonversi objek yang dibuat menggunakan ajax untuk mem-parsing umpan xml menjadi objek javascript statis sehingga file dapat berjalan secara lokal, tanpa server. Saya telah menyertakan tangkapan layar objek di jendela inspektur krom sehingga Anda dapat melihat apa yang saya coba lakukan.

1. Klik kanan objek di konsol Chrome dan pilih Store as Global Variabledari menu konteks. Ini akan mengembalikan sesuatu seperti temp1nama variabel.

2. Chrome juga memiliki copy()metode, jadi copy(temp1)di konsol harus menyalin objek itu ke clipboard Anda.

Catatan tentang Objek Rekursif: Jika Anda mencoba menyalin objek rekursif, Anda akan mendapatkannya [object Object]. Jalan keluarnya adalah copy(JSON.stringify(temp1)), objek akan sepenuhnya disalin ke clipboard Anda sebagai JSON yang valid, sehingga Anda dapat memformatnya sesuai keinginan, menggunakan salah satu dari banyak sumber daya.

Coba JSON.stringify(). Salin string yang dihasilkan. Tidak berfungsi dengan objek yang berisi referensi melingkar.

Anda dapat menyalin objek ke papan klip menggunakan copy (JSON.stringify (Object_Name)); di konsol.

Misalnya: - Salin & Tempel kode di bawah ini di konsol Anda dan tekan ENTER. Sekarang, coba tempel (CTRL + V untuk Windows atau CMD + V untuk mac) di tempat lain dan Anda akan mendapatkan {"name": "Daniel", "age": 25}

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

copy(JSON.stringify(profile));

Anda sekarang dapat melakukan ini di Chrome dengan mengklik kanan pada objek dan memilih "Simpan sebagai Variabel Global": http://www.youtube.com/watch?v=qALFiTlVWdg

Ikuti langkah-langkah berikut:

1. Keluarkan objek dengan console.log dari kode Anda, seperti: console.log (myObject)
2. Klik kanan pada objek dan klik "Simpan sebagai Objek Global". Chrome akan mencetak nama variabel pada saat ini. Mari kita asumsikan itu disebut "temp1".
3. Di konsol, ketik: JSON.stringify(temp1).
4. Pada titik ini Anda akan melihat seluruh objek JSON sebagai string yang dapat Anda salin / tempel.
5. Anda dapat menggunakan alat online seperti http://www.jsoneditoronline.org/ untuk membuat string Anda cantik saat ini.

Jika Anda mengirim objek melalui permintaan, Anda dapat menyalinnya dari Chrome -> tab Network.

Minta Payload -> Lihat Sumber

Menggunakan "Store as a Global Variable" berfungsi, tetapi ia hanya mendapatkan instance akhir objek, dan bukan saat objek sedang dicatat (karena Anda mungkin ingin membandingkan perubahan ke objek saat terjadi). Untuk mendapatkan objek tepat pada saat dimodifikasi, saya menggunakan ini ...

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

Sebut saja seperti itu ...

logObject(puzzle);

Anda mungkin ingin menghapus regex .replace (/./g, ", \ n") jika data Anda memiliki tanda koma di dalamnya.

Begitu,. Saya punya masalah ini ,. kecuali saya mendapat [objek objek]

Saya yakin Anda bisa melakukan ini dengan rekursi tetapi ini berhasil bagi saya:

Inilah yang saya lakukan di konsol saya:

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

Lalu tempel ke editor Anda.

Ini akan membantu meringkas objek dalam dengan meninggalkan objek rekursif Windowdan 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;
  }, ' ');
}

Klik kanan pada data yang ingin Anda simpan

• Pertama, Klik kanan pada data yang ingin Anda simpan -> pilih "Simpan sebagai variabel global" Dan variabel temp baru muncul seperti di bawah ini: (variabel temp3): Variabel temp baru muncul di konsol
• Gunakan perintah salin kedua (temp_variable_name) seperti gambar: masukkan deskripsi gambar di sini Setelah itu, Anda dapat menempelkan data ke mana pun yang Anda inginkan. semoga bermanfaat /

Tambahkan ini ke konsol Anda dan jalankan

copy(JSON.stringify(foo));

Ini menyalin JSON Anda ke clipboard