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

Question

当我有对象数组时，当我在 Chrome 控制台中键入变量的名称时，我得到了这个：在此处输入图像描述

问题： 是否有一些选项或标志在打开时会显示在 Chrome 控制台中查询时扩展的对象和数组？

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

我不想编写一个循环来console.dir输出所有数组。

score 32 · Accepted Answer

32

console.table()在以表格格式整齐地显示数组方面做得很好。

于 2014-05-09T19:44:43.100 回答

score 21 · Accepted Answer

要在不编写循环的情况下查看数组（或任何其他对象）的全部内容，可以使用JSON.stringify. 这将以 JSON 格式输出整个对象，可选择缩进。

例如：

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

将输出：

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

score -3 · Accepted Answer

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

编辑

好的，对不起，我没有阅读这部分'=.= 但您可以检查Chrome 控制台支持Chrome 开发工具的 firebug 的控制台 API ：控制台

3 回答 3