如何在 Chrome 控制台中查看扩展对象/数组？

Question

当我有一组对象数组时，我在Chrome控制台中键入变量名后会得到以下结果：

问题是：是否有某个选项或标志，当启用时，在Chrome控制台查询对象和数组时可以显示扩展的内容？

我经常使用控制台并在其中执行操作，每次修改数组时都必须单击所有条目才能看到值。

我不想编写循环来将所有数组输出到控制台。

- lukas.pukenis

Answer 1

console.table()函数以表格形式很好地显示数组，在高级JavaScript调试中非常有用。

- abettermap

---

我目前正在使用这个。谢谢。 - lukas.pukenis

Answer 2

为了查看数组（或其他任何对象）的全部内容，而不必编写循环，你可以使用JSON.stringify。它会将整个对象以JSON格式输出，可选择缩进。

例如：

console.info(JSON.stringify([{a:1,b:2}, {c:3,d:4}], null, '  '))

会输出：

[
  {
    "a": 1,
    "b": 2
  },
  {
    "c": 3,
    "d": 4
  }
]

- andypaxo

---

谢谢！我现在每天都使用这种方法很长时间来转储所有的对象和数组 :) - lukas.pukenis

@andypaxo，console.log和console.info有什么区别？ - paulywill

Answer 3

我不知道你是否已经知道了，但是... 点击三角形，你就可以看到完整的对象，我认为这非常实用。

---

编辑

好的，抱歉我没有看到这部分 '=.= 但是你可以查看firebug的控制台API，Chrome控制台支持Chrome Dev Tools: 控制台

- Miguel Sanchez Gonzalez

---

OP已经说明了：“我修改了一个数组，必须点击所有条目才能查看值。” - Jashwant

@Jashwant 注意到了，点个赞！ :) - lukas.pukenis