Nesne Dökümü JavaScript

Bir JavaScript nesnesi için komut dosyası hata ayıklayıcısında 3. taraf eklenti / uygulaması veya nesne eşleme dökümü gerçekleştirmenin bir yolu var mı?

İşte durum ... İki kez çağrılan bir yöntemim var ve her seferinde bir şeyler farklı. Neyin farklı olduğundan emin değilim, ama bir şey var. Bu nedenle, pencerenin tüm özelliklerini (veya en azından window.document'i) bir metin düzenleyicisine dökebilirsem, iki çağrı arasındaki durumu basit bir dosya farkıyla karşılaştırabilirim. Düşünceler?

Firebug +console.log(myObjectInstance)

console.log("my object: %o", myObj)

Aksi takdirde, bazen şunu görüntüleyen bir dize temsiliyle sonuçlanırsınız:

[object Object]

ya da bunun gibi.

function mydump(arr,level) {
    var dumped_text = "";
    if(!level) level = 0;

    var level_padding = "";
    for(var j=0;j<level+1;j++) level_padding += "    ";

    if(typeof(arr) == 'object') {  
        for(var item in arr) {
            var value = arr[item];

            if(typeof(value) == 'object') { 
                dumped_text += level_padding + "'" + item + "' ...\n";
                dumped_text += mydump(value,level+1);
            } else {
                dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
            }
        }
    } else { 
        dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
    }
    return dumped_text;
}

Chrome, Firefox veya IE10 + kullanıyorsanız neden konsolu genişletip kullanmıyorsunuz?

(function() {
    console.dump = function(object) {
        if (window.JSON && window.JSON.stringify)
            console.log(JSON.stringify(object));
        else
            console.log(object);
    };
})();

kısa ve çapraz tarayıcı çözümü için.

Sadece kullan:

console.dir(object);

Hoş bir tıklanabilir nesne sunumu elde edeceksiniz. Chrome ve Firefox'ta çalışır

Chrome / Chromium için

console.log(myObj)

veya eşdeğeri

console.debug(myObj)

Daha iyi okunabilirlik için nesneyi aşağıdaki gibi bir json dizesine dönüştürebilirsiniz:

console.log(obj, JSON.stringify(obj));

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

Kullanmak console.log(object)nesnenizi Javascript konsoluna atacaktır, ancak her zaman istediğiniz şey bu değildir. Kullanımı JSON.stringify(object), bir değişkende depolanacak çoğu şeyi döndürür, örneğin onu bir metin alanı girişine göndermek ve içeriği sunucuya geri göndermek için.

Chrome'da 3 noktayı tıklayın ve Diğer araçlar'ı ve ardından geliştiriciyi tıklayın. Konsolda console.dir (yourObject) yazın. Örnek bir resim görmek için bu bağlantıyı tıklayın