Ich hoffe, in der Lage sein, Array-Objekte und dergleichen in der Konsole von Chrome DevTools hübsch zu drucken. Gibt es Mittel, um dies zu erreichen?Wie drucken Sie Protokollausgaben in Chrome DevTools Console?
Vielen Dank!
Sie könnten die Daten als JSON-Format:
console.log(JSON.stringify({foo:1, bar:2}, null, 4));
{
"foo": 1,
"bar": 2
}
Wenn Sie an einem breakpoint sind, können Sie JSON.stringify() direkt aus dem Chrome DevTools Konsole aufrufen:
> JSON.stringify(anObject, null, 2);
<- "{
"field": "foo",
"array": [
{
"element": 1
},
{
"element": 2
}
],
"object": {
"inner_field": "bar"
}
}"
-----------------------------
>
Was meinst du mit ‚ziemlich drucken'? Dinge, die in der Konsole angezeigt werden, werden standardmäßig formatiert (verschiedene Schriftfarben für verschiedene Typen, Erweiterbarkeit von Objekten und Arrays usw.) –
Hi @KonradDzwinel, ich meine, die Ausgabe wird verschönert, damit sie leichter gelesen werden kann. Aber ich spreche nicht über die Schaltfläche "Verschönern" ({}) für die Quelldateien. Aber ich meine, wenn Sie ein Array haben, zB und nicht gedruckt werden soll, um als Inline-Array zu konsolen, sondern gestapelt. Vielen Dank! –
DevTools haben keine Einstellungen, um die Standard-Konsolenausgabe zu ändern. Sie können jedoch 'console.log' mit Ihrer eigenen Funktion überschreiben. Siehe meine Antwort hier: http://stackoverflow.com/questions/18178896/different-clickable-log-items-in-chorome-dev-tools-console –