有没有更简单的方法可以从 firefox 或 chrome 的开发者控制台查看 json 对象？答案

【问题标题】：Is there an easier way to view json object from firefox or chrome's developer console?有没有更简单的方法可以从 firefox 或 chrome 的开发者控制台查看 json 对象？
【发布时间】：2012-02-15 23:47:41
【问题描述】：

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

例如。如果我尝试其中 data 是 json 对象的 console.log(data) ，开发人员控制台会像一大块字符串一样显示它，而不是显示结构，所以很难筛选出我想要的东西。

编辑：我为我造成的混乱道歉。我刚刚检查了 Chrome，似乎 Chrome 确实以结构化的方式显示 JSON。然而，在 Firefox 上，这一切都混杂在一起。我附上了截图。我想问题是“有没有办法像在 Chrome 上那样以更结构化的方式显示它？”，正如我从下面了解到的，我猜 console.dir() 会处理这个问题。那么我的最后一个问题是：这是一种预期的行为吗？

【问题讨论】：

标签： javascript firefox google-chrome

【解决方案1】：

Firebug 和 Webkits 开发工具显示任何对象，结构化且可读性强。似乎您尝试输出一个 JSON 字符串 而不是一个对象。如果是这样的话，只需将其解析为一个对象之前

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

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

【讨论】：

抱歉这个误导性问题。它已经是 JSON 格式。感谢您将我指向 console.dir()。它解决了这个问题，但由于某种原因，它只显示三行并且非常难以导航。这正常吗？
@Vlad：我想我无法想象这个问题。从控制台上传屏幕截图可能是个好主意。
@downvote：请帮助我和这个社区的其他人，让我们分享你的智慧。
我不喜欢那个“对不起？”。教，不骂。如果 OP 知道答案，他就不会发布这个问题。不喜欢就忽略吧。
第二个视图。我应该忽略你的语气。所以我自相矛盾。

【解决方案2】：

没有 JSON 对象。

有

Javascript 对象
JSON 数据作为 Javascript 字符串

如果您想以易于浏览的方式将 JSON 显示为字符串

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

【讨论】：

【解决方案3】：

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

【讨论】：

啊，我很抱歉给您带来麻烦。我实际上一直在 Firefox 上进行编码，而 Firefox 似乎以非结构化的方式显示结果。我刚刚检查了 Chrome，它确实像您附加的屏幕截图一样运行良好。我很抱歉这件事。将编辑问题。