Object Dump JavaScript

Gibt es ein Add-On / eine Anwendung von Drittanbietern oder eine Möglichkeit, ein Objektzuordnungs-Dumping im Skript-Debugger für ein JavaScript-Objekt durchzuführen?

Hier ist die Situation ... Ich habe eine Methode, die zweimal aufgerufen wird, und jedes Mal ist etwas anders. Ich bin nicht sicher, was anders ist, aber etwas ist. Wenn ich also alle Eigenschaften von window (oder zumindest window.document) in einen Texteditor kopieren könnte, könnte ich den Status zwischen den beiden Aufrufen mit einem einfachen Dateidiff vergleichen. Gedanken?

Firebug +console.log(myObjectInstance)

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

Andernfalls wird eine Zeichenfolgendarstellung angezeigt, die manchmal Folgendes anzeigt:

[object Object]

oder solche.

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

Wenn Sie Chrome, Firefox oder IE10 + verwenden, können Sie die Konsole erweitern und verwenden

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

für eine präzise, ​​browserübergreifende Lösung.

Benutz einfach:

console.dir(object);

Sie erhalten eine schöne anklickbare Objektdarstellung. Funktioniert in Chrome und Firefox

Für Chrom / Chrom

console.log(myObj)

oder es ist gleichwertig

console.debug(myObj)

Zur besseren Lesbarkeit können Sie das Objekt wie folgt in eine JSON-Zeichenfolge konvertieren:

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

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

Mit console.log(object)wird Ihr Objekt in die Javascript-Konsole geworfen, aber das ist nicht immer das, was Sie wollen. Mit using JSON.stringify(object)werden die meisten Inhalte zurückgegeben, die in einer Variablen gespeichert werden sollen, z. B. um sie an eine Textbereichseingabe zu senden und den Inhalt an den Server zurückzusenden.

Klicken Sie in Chrome auf die drei Punkte, klicken Sie auf Weitere Tools und dann auf Entwickler. Geben Sie auf der Konsole console.dir (yourObject) ein. Klicken Sie auf diesen Link, um ein Beispielbild anzuzeigen