Objet De Vidage De JavaScript

Question

Est-il un 3ème partie add-on/application ou un moyen pour effectuer objet de la carte de dumping dans le débogueur de script pour un objet JavaScript?

Voici la situation... j'ai une méthode appelée deux fois, et au cours de chaque fois que quelque chose est différent. Je ne suis pas sûr de ce qui est différent, mais une chose est. Donc, si je pouvais vider toutes les propriétés de la fenêtre (ou au moins de la fenêtre.document) dans un éditeur de texte, j'ai pu comparer l'état entre les deux appels avec un simple fichier diff. Pensées?

Answer 1

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

Sinon vous vous retrouverez avec une représentation de chaîne s'affiche parfois:

[object Object]

ou quelque chose du genre.

Answer 2

Firebug + console.log(myObjectInstance)

Answer 3

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

Answer 4

Désolé, je suis un peu en retard à la fête...

Si vous êtes sur Chrome, Firefox ou IE10 + pourquoi ne pas prolonger la console et l'utilisation

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

concis, cross-browser solution.

Answer 5

Utilisez simplement:

console.dir(object);

vous obtiendrez une belle cliquable objet de la représentation. Fonctionne dans Chrome et Firefox