Wie pretty print log-Ausgabe in Chrome DevTools-Konsole?

Ich hoffe, ich konnte pretty-print array-Objekte und solche in der Konsole von Chrome DevTools. Gibt es irgendein Mittel, dies zu erreichen?

Danke!

  • Was meinst du mit 'pretty-print'? Dinge, die in der Konsole angezeigt werden als "Standard" formatiert (unterschiedliche schriftart, Farben für die verschiedenen Arten, mit der Fähigkeit zu erweitern, Objekte und arrays etc.)
  • Hi @KonradDzwinel, ich meine prettify-Ausgang, so dass es leichter zu Lesen. Aber ich spreche nicht über die prettify-Taste ({}) für die source-Dateien. Aber ich meine, wenn Sie ein array f.ex. und wollen es nicht gedruckt, um auf die Konsole, wie ein inline-array, sondern gestapelt. Danke!!!
  • DevTools haben keine Einstellungen zum ändern der Standard-Ausgabe in der Konsole. Sie können jedoch überschreiben console.log mit Ihrer eigenen Funktion. Siehe meine Antwort hier: stackoverflow.com/questions/18178896/...
InformationsquelleAutor Villi Magg | 2013-08-12
  1. 40

    Konnte Sie formatieren Sie die Daten als JSON:

    console.log(JSON.stringify({foo:1, bar:2}, null, 4));

{
    "foo": 1,
    "bar": 2
}
    InformationsquelleAutor Petah
  2. 5

    Wenn Sie bei einem Haltepunkt, können Sie rufen Sie JSON.stringify() direkt aus dem Chrome-DevTools-Konsole:

    >  JSON.stringify(anObject, null, 2);
<- "{
     "field": "foo",
     "array": [
       {
         "element": 1
       },
       {
         "element": 2
       }
     ],
     "object": {
       "inner_field": "bar"
     }
   }"
-----------------------------
>
    InformationsquelleAutor EricRobertBrewer
Schreibe einen Kommentar