Google Chrome将JSON AJAX响应显示为树而不是纯文本

我找不到这个问题的答案：

我的AJAX调用返回JSON数据。在Google Chrome Developer Tools>Resources>XHR中，当我单击左侧的资源，然后在内容选项卡上，我看到JSON字符串是一个字符串，而不是像Firebug和Firebug Lite那样的树

---

如何强制Chrome将其显示为树。是否存在我的PHP文件必须具有的内容类型？？？

JSON数据的正确内容类型是

application/JSON

。我想这就是你所缺少的。

我不认为Chrome开发者工具可以很好地打印XHR内容。见：

---

谷歌Chrome现在支持此功能（

开发者工具>网络>[XHR列表中的项目]预览

）

---

此外，您还可以使用第三方工具格式化json内容。”这是一个显示树状视图的视图，这是另一个仅格式化文本（并进行验证）的视图。

要在最新版本的Chrome中查看树状视图，请执行以下操作：

导航到开发者工具>网络>给定响应>预览

我找到了答案：

您必须对json进行如下编码：

{c:21001，“m”：“p”}

但不能

{c:21001，m:“p”}

或

{c:21001，'m'：'p'}

---

因此，dict的键必须用双引号括起来：

“

，然后chrome将它作为json而不是纯文本进行预览。

为了正确显示json消息，它必须具有“application/json”mime类型，并且结构正确

---

您可以检查结构

我不确定自上次回答后Chrome是否添加了此功能，但我可以通过以下方式查看json响应

• 在带有请求的页面上打开浏览器中的开发人员工具
• 提交请求
• 在开发人员工具-“控制台”选项卡中，单击资源下的“对象”树展开

…我能够将响应视为一个可读的层次结构，其中显示了要请求的内容和返回的内容。（网络或资源选项卡都没有我能够找到的任何有用信息。）

---

很高兴请求！

Google Chrome Dev build 24.0.1312.5版本出现问题，导致预览面板不再显示json对象树，而是显示平面文本。应该在下一个开发版本中修复

---

更多信息请参见此处：

您可以使用Google Chrome扩展：

JSONView

---

所有格式化的json结果都将直接显示在浏览器上。

不幸的是，这仍然不会迫使Chrome将json字符串转换为树。不过，谢谢！完全忽略了“预览”选项卡，并查看了“响应”选项卡。谢谢！但我认为要获得此结果，您需要正确的内容类型。是的，您需要有效的application/json“为chrome指定的内容类型，提供可折叠的下拉列表。这确实有点不太直观，因为在Header选项卡上，它们允许我们在“原始”和“已解析”之间切换，因此人们可能会认为它们会提供类似的“已解析”“在Response选项卡上查看。我希望它实际上是JSON而不是treeThat，因为第一个是有效的JSON，而其他示例不是（尽管它们是有效的javascript）。请看下面的@Matt McClure的答案！当字符串是单引号而不是双引号时，我在获取树结构时也遇到了问题，将“helpedOP”改为“helpedOP专门询问开发工具中显示的json代码。谢谢，也许这不是OP问题的完美答案。但我一直在寻找这个答案。上面提到了完美的答案！