Google Chrome以树形式显示JSON AJAX响应,而不是纯文本

Question

我找不到这个答案:

我的AJAX调用返回JSON数据.在Google Chrome开发者工具>资源> XHR中,当我单击左侧的资源,然后单击"内容"选项卡上时,我将JSON字符串视为字符串,而不是Firebug和Firebug Lite所做的树.

如何强制Chrome将其作为树显示.是否有我的PHP文件必须具有的Content-type？

我很乐意知道答案!

谢谢Stefanos

Answer 1

要在最新版本的Chrome中查看树状视图:

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

完全隐藏在"预览"选项卡上,正在查看"响应"选项卡.谢谢! (92认同)
但我想要得到这个,你需要有正确的内容类型. (6认同)
它实际上不那么直观,因为在Headers选项卡上,它们让我们在"原始"和"解析"之间切换,因此可以预期他们会在"响应"选项卡上提供类似的"解析"视图. (4认同)
是的,您需要为chrome指定有效的"application/json"内容类型,以便为您提供可折叠的下拉列表. (3认同)
我希望它实际上是 JSON 而不是树 (2认同)

Answer 2

谷歌浏览器现在支持此(Developer Tools > Network > [XHR item in list] Preview).

此外,您可以使用第三方工具格式化json内容. 这里的一个呈现树状视图,这里的另一种只是格式化文本(和不验证).

Answer 3

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

Answer 4

JSON数据的正确内容类型是application/json.我认为这就是你所缺少的.