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

Question

我希望能够在Chrome DevTools控制台中打印数组对象.有没有办法实现这个目标？

谢谢!

Answer 1

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

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

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

Answer 2

如果您在断点处,可以JSON.stringify()直接从Chrome DevTools控制台拨打电话:

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