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

Question

我找不到这个答案：

我的AJAX调用返回JSON数据。在Google Chrome开发者工具中＆gt;资源＆gt; XHR当我点击左边的资源然后在内容选项卡上我看到JSON字符串作为字符串而不是像Firebug和Firebug Lite那样的树。

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

我很高兴知道答案！

谢谢 Stefanos的

Answer 1

要查看最近版Chrome中的树状视图：

导航至开发人员工具＆gt;网络＆gt;给定的响应＆gt;预览

Answer 2

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

此外，您可以使用第三方工具格式化json内容。 Here提供树视图，here是另一个仅仅格式化文本（并进行验证）。

Answer 3

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

Answer 4

我找到了答案：

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

因此，dict的键必须用双引号括起来："，然后chrome会将其预览为json而不是纯文本。

Answer 5

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

您可以检查结构here

Answer 6

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

• 在包含请求的页面上打开浏览器中的开发人员工具
• 提交请求
• 在开发者工具中 - “控制台”标签 - 点击资源下的“对象”树进行展开

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

快乐请求！

Answer 7

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

在此处查看更多内容：http://code.google.com/p/chromium/issues/detail?id=160733

Answer 8

我认为Chrome开发者工具不会打印XHR内容。看到： Viewing HTML response from Ajax call through Chrome Developer tools?

Answer 9

如何获得树状视图

在下面的 GIF 中查看有关如何执行此操作的分步说明。 （我是用 Chrome 记录的 - 铬应该不会有太大的不同。）

点击链接放大并关注

Answer 10

您可以使用Google Chrome扩展程序： `modified: app/Http/Controllers/Auth/RegisterController.php` `modified: app/Http/Controllers/Auth/ResetPasswordController.php` `modified: app/Http/Controllers/HomeController.php` 所有格式化的json结果将直接显示在浏览器中。