2011-11-28 76 views
21

我的网站上有一个页面使用jQuery AJAX从PHP后端请求JSON数据。我想查看返回给浏览器的JSON,并试图使用Chrome浏览器的开发人员工具在Network> Response下执行此操作。检查Chrome中的大型JSON数据

问题:虽然我可以通过在那里选择XHR项目来查看JSON数据,但似乎在中途切断了响应。根据Chrome,这种JSON响应大小为300-400KB。我想知道网页是否正在接收完整的JSON响应而没有截断,如果没有,我如何查看正在接收的全部数据?

回答

18

您是否尝试过的“预览”选项卡 - 它可以让您查看结果作为适当的JavaScript对象,以扩大节点的能力。与响应选项卡中的原始文本相比,处理起来要容易得多。

enter image description here

+7

出于某种原因,此“预览”选项卡不会将响应解释为JSON,只是将其显示为全黑,单行,纯文本。 Content-Type是'application/json',但没有颜色突出显示,可以在任何地方看到格式化或可扩展树。任何想法为什么? –

+0

@asbjornu它一直在为我工作,但突然间它不再为预览选项卡中的JSON执行高亮/嵌套操作。你有没有发现如何解决这个问题? – Nathan

+0

@Nathan,Chrome仍然将'application/json'视为'text/plain'。不知道为什么。 –

4

看到完整的响应:

  1. 导航到开发工具>网络>给定的响应> Response选项卡。
  2. 右键单击(在Mac上的控制单击)在响应区>另存为

Response > Save As

截图来自Mac上24.0.1312.57版本。

+0

这正是我需要的,但我没有另存为菜单项。 – GaryB96

+0

@ GaryB96,我添加了一个屏幕截图和我用于我的答案的版本。 –

+1

马特感谢您的跟进。我只在“_Network_”选项卡上的“文档”中看到“另存为...”菜单项。如果我切换到_XHR_,并右键单击其中一个响应选项卡,我只看到_Open Link_和_Copy_ Link。 (在Win7上版本24.0.1312.57米) – GaryB96

4

我对这里的派对有点迟到,但是如果您处于断点处,您可以输入对象名称并按下“Enter”键,JSON对象将打印到控制台窗口。

+0

这通常是我所做的,我认为这是提到的最佳解决方案。 – Alastair