Javascript / Chrome - Bir nesneyi webkit denetçisinden kod olarak kopyalama

Bir javascript nesnesini günlüğe kaydetmek için benim javascript bir console.log deyimi yapıyorum. Bu nesneyi javascript kodu olarak kopyalamanın bir yolu var mı, merak ediyorum. Ne yapmaya çalışıyorum ajax kullanarak bir xml besleme statik bir JavaScript nesnesine ayrıştırmak için oluşturulan bir nesne dönüştürmek, böylece bir dosya sunucu olmadan yerel olarak çalışabilir. Ne yapmaya çalıştığımı görebilmeniz için krom denetçisi penceresine nesnenin ekran görüntüsünü ekledim.

1. Chrome konsolunda bir nesneyi sağ tıklayın Store as Global Variableve içerik menüsünden seçim yapın. temp1Değişken adı gibi bir şey döndürür .

2. Chrome'un da bir copy()yöntemi vardır, bu nedenle copy(temp1)konsolda bu nesneyi panonuza kopyalamalıdır.

Özyinelemeli Nesneler Hakkında Not: Özyinelemeli bir nesneyi kopyalamaya çalışıyorsanız, elde edersiniz [object Object]. Çıkış yolu copy(JSON.stringify(temp1)), nesne geçerli bir JSON olarak panonuza tamamen kopyalanacaktır, böylece birçok kaynaktan birini kullanarak istediğiniz gibi biçimlendirebilirsiniz.

Deneyin JSON.stringify(). Elde edilen dizeyi kopyalayın. Dairesel referanslar içeren nesnelerle çalışmaz.

Copy (JSON.stringify (Object_Name)) kullanarak bir nesneyi klibi panonuza kopyalayabilirsiniz; konsolda.

Örneğin: - Aşağıdaki kodu kopyalayıp konsolunuza yapıştırın ve ENTER tuşuna basın. Şimdi, başka bir yere yapıştırın (Windows için CTRL + V veya mac için CMD + V) ve {"name": "Daniel", "age": 25}

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

copy(JSON.stringify(profile));

Artık bunu Chrome'da, nesneye sağ tıklayıp "Global Değişken Olarak Kaydet" i seçerek yapabilirsiniz: http://www.youtube.com/watch?v=qALFiTlVWdg

Aşağıdaki adımları izleyin:

1. Nesne kodunuzdan console.log ile çıktı alın, şöyle: console.log (myObject)
2. Nesneye sağ tıklayın ve "Global Nesne Olarak Sakla" ya tıklayın. Chrome bu noktada değişkenin adını yazdıracaktır. Diyelim ki "temp1".
3. Konsolda, yazın: JSON.stringify(temp1).
4. Bu noktada, tüm JSON nesnesini kopyalayabileceğiniz / yapıştırabileceğiniz bir dize olarak görürsünüz.
5. Bu noktada dizenizi güzelleştirmek için http://www.jsoneditoronline.org/ gibi çevrimiçi araçları kullanabilirsiniz .

Nesneyi bir istek üzerine gönderdiyseniz, Chrome -> Ağ sekmesinden kopyalayabilirsiniz.

Yük Talebi -> Kaynağı Görüntüle

"Genel Değişken Olarak Sakla" işlevini kullanmak işe yarar, ancak nesnenin günlüğe kaydedildiği anı değil, yalnızca nesnenin son örneğini alır (büyük olasılıkla nesnedeki değişiklikleri gerçekleştikçe karşılaştırmak isteyebilirsiniz). Nesneyi değiştirilme zamanında tam noktasında almak için bunu kullanıyorum ...

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

Öyle deyin ...

logObject(puzzle);

Verilerinizde virgül varsa, .replace (/./ g, ", \ n") normal ifadesini kaldırmak isteyebilirsiniz.

Yani,. Bu sorunu yaşadım. dışında [nesne nesnesi] var

Eminim bunu özyineleme ile yapabilirsin ama bu benim için çalıştı:

Konsolumda yaptığım şey:

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

Ardından düzenleyicinize yapıştırın.

Bu, özyinelemeli Windowve Nodenesneleri dışarıda bırakarak derin nesneleri dizmeye yardımcı olmalıdır .

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

Saklamak istediğiniz verilere sağ tıklayın

• Öncelikle, saklamak istediğiniz verilere sağ tıklayın -> "Global değişken olarak sakla" yı seçin ve yeni temp değişkeni aşağıdaki gibi görünür: (temp3 değişkeni): Konsolda yeni temp değişkeni görünür
• İkinci resim komut kopyasını (temp_variable_name) resim gibi: resim açıklamasını buraya girin Bundan sonra, verileri istediğiniz yere yapıştırabilirsiniz. umarım faydalı /

Bunu konsolunuza ekleyin ve yürütün

copy(JSON.stringify(foo));

Bu JSON'unuzu panoya kopyalar