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

我的AJAX调用返回JSON数据。在谷歌Chrome开发工具>资源> XHR,当我点击左侧的资源,然后在内容选项卡上,我看到JSON字符串作为字符串,而不是作为Firebug和Firebug Lite做树。

我如何迫使Chrome显示为树。有一个内容类型,我的PHP文件必须有??


JSON数据的正确内容类型是application/ JSON。我猜这就是你错过的。


我不认为Chrome开发工具漂亮打印XHR内容。看到的: 查看HTML响应从Ajax调用通过Chrome开发工具?


谷歌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是否添加了这个功能,因为最后一个答案,但我能够通过…

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

...我能够将响应视为一个可读的层次结构,其中显示了要请求的内容和返回的内容。(无论是Network还是Resources选项卡,我都找不到任何有用的东西。)

请求快乐!


谷歌Chrome Dev build 24.0.1312.5的构建有一个问题,导致预览面板不再显示json对象树,而是平面文本。它应该在下一次开发中修复

更多信息请访问:http://code.google.com/p/chromium/issues/detail?id=160733


你可以使用谷歌Chrome扩展:JSONView 所有格式化的json结果将直接显示在浏览器上。


如何获取树视图

请看下面的GIF中关于如何做到这一点的一步一步的说明。(我在铬记录-铬不应该有太大的不同。)

点击链接放大并跟着看