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

我找不到这个答案：

我的AJAX调用返回JSON数据。在Google Chrome开发者工具>资源> XHR中，当我点击左侧的资源然后点击内容标签时，我看到JSONstring是一个string，而不是像Firebug和Firebug Lite那样的树。

如何强制Chrome将其显示为树状有我的PHP文件必须具有的内容types？

我很高兴知道答案！

谢谢Stefanos

要在近期版本的Chrome中查看树状视图

导航到开发人员工具>networking>给定的响应>预览

Google Chrome现在支持此function（ Developer Tools > Network > [XHR item in list] Preview ）。

另外，您可以使用第三方工具来格式化json内容。这里提供了一个树形视图，另一个只是格式化文本（并进行validation）。

JSON数据的正确内容types是application/json 。我认为这是你所缺less的。

我find了答案：

你必须这样编码你的json： {"c":21001,"m":"p"}但不是{c:21001,m:"p"}或{'c':21001,'m':'p'}

因此，字典的关键字必须用双引号括起来： " ，那么chrome将预览为json而不是纯文本。

为了正确显示JSON消息，它必须具有“application / json”MIMEtypes并且要被正确地构造。

你可以在这里查看结构

构buildGoogle Chrome开发版本24.0.1312.5时出现问题，导致预览面板不再显示json对象树，而是显示平面文本。这应该在下一个开发中解决

详情请参阅： http ： //code.google.com/p/chromium/issues/detail？id = 160733

我不认为Chrome开发者工具漂亮地打印XHR内容。请参阅：通过Chrome Developer工具查看来自Ajax调用的HTML响应？

我不确定自上次回答Chrome是否添加了此function，但是我能够查看JSON响应…

…我能够将响应视为可读的层次结构，显示了要求的内容和返回的内容。（“networking”或“资源”选项卡都没有任何帮助，我find了。）

快乐的请求！