谷歌Chrome显示JSON AJAX响应树，而不是纯文本

小开

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

小开

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

小开

谷歌Chrome现在支持这个(Developer Tools > Network > [XHR item in list] Preview)。

此外，您可以使用第三方工具来格式化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对象树，而是平面文本。它应该在下一次开发中修复

小开

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

小开

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

点击链接放大并跟着看