有没有更简单的方法来从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()直接列出一个对象属性/键.