有没有更简单的方法来从firefox或chrome的开发人员控制台查看json对象？

Question

从Firefox或Chrome的开发者控制台阅读json的最简单方法是什么？我需要安装插件吗？或者希望有一个javascript函数可以让你以一种更容易阅读的方式查看json ......

例如。如果我尝试数据是json对象的console.log（data），开发人员控制台就会像一大块字符串一样显示它而不是显示结构，所以很难筛选并过滤掉我想要的东西。

编辑： 我为我造成的困惑道歉。我刚刚检查了Chrome，看起来Chrome确实以结构化的方式显示了JSON。但是在Firefox上，它们都混杂在一起。我附上了截图。我想问题是“有没有办法以更加结构化的方式在Chrome上显示它？”，正如我从下面学到的，我想console.dir（）负责处理这个问题。那么我的最后一个问题是：这是一个预期的行为吗？

Answer 1

没有JSON对象。

有

• Javascript对象

• JSON数据为Javascript字符串

如果要以易于浏览的方式将JSON显示为字符串，请执行

  var obj = JSON.parse(jsonstring);
  console.log(obj)

Answer 2

Firebug和Webkits开发人员工具显示任何对象，结构清晰且可读性强。 您似乎尝试输出 JSON字符串而不是对象。如果是这种情况，只需将其解析为

之前的对象

console.log( JSON.parse( data ) );

顺便说一句，console对象上有很多简洁的方法，比如console.dir()直接列出对象属性/键。

Answer 3

您使用的是哪个版本的Chrome？当我console.log一个对象时，它会显示为一个对象，您可以在其中展开属性，而不是字符串。 （Chrome 16.0.912.77）。您是在记录之前解析JSON还是仅记录JSON字符串？