Object Dump JavaScript

Question

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

Hier ist die Situation ... Ich habe eine Methode zweimal aufgerufen, und während jeder Zeit ist etwas anders. Ich bin mir nicht sicher, was anders ist, aber etwas ist. Also, wenn ich alle Eigenschaften von Fenster (oder zumindest window.document) in einen Texteditor ablegen könnte, könnte ich den Zustand zwischen den beiden Aufrufen mit einem einfachen Dateivergleich vergleichen. Gedanken?

Answer 1

Firebug + console.log(myObjectInstance)

Answer 2

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 3

Für Chrome/Chromium

console.log(myObj) 

oder es ist gleichwertig

console.debug(myObj) 

Answer 4

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

Andernfalls werden Sie mit einem String Repre Ende Senden manchmal angezeigt:

[object Object] 

oder einige solcher.

Answer 5

Verwenden Sie einfach:

console.dir(object); 

Sie eine schöne klickbare Objektdarstellung erhalten. Arbeiten in Chrome und Firefox

Answer 6

Wenn Sie auf Chrome, Firefox oder Internet Explorer 10 + sind, warum nicht die Konsole erweitern und

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

für eine kurze, Cross-Browser-Lösung verwenden.

Answer 7

Klicken Sie in Chrome auf die 3 Punkte und dann auf Weitere Tools, und klicken Sie auf Entwickler. Geben Sie in der Konsole console.dir (yourObject) ein. Click this link to view an example image

Answer 8

Mit console.log(object) werfen Sie Ihr Objekt auf die Javascript-Konsole, aber das ist nicht immer was Sie wollen. Wenn Sie JSON.stringify(object) verwenden, werden die meisten Daten, die in einer Variablen gespeichert werden sollen, zurückgegeben, z. B. um sie an eine TextArea-Eingabe zu senden und den Inhalt zurück an den Server zu senden.