如何在Chrome DevTools控制台中打印日志输出？

Question

我希望能够漂亮的打印数组对象等在Chrome DevTools控制台。有没有办法实现这一点？

谢谢！

Answer 1

您可以将数据格式化为JSON：

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

{ 
    "foo": 1, 
    "bar": 2 
} 

Answer 2

如果你是在一个breakpoint，你可以直接从Chrome DevTools控制台呼叫JSON.stringify()：

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