Jquery 在Chrome中检查大型JSON数据

Jquery 在Chrome中检查大型JSON数据,jquery,ajax,json,google-chrome,google-chrome-devtools,Jquery,Ajax,Json,Google Chrome,Google Chrome Devtools,我的网站上有一个页面使用jqueryajax从PHP后端请求JSON数据。我想查看返回到浏览器的JSON,并尝试使用Chrome浏览器的开发工具,在Network>Response下查看JSON 问题:尽管我可以通过选择那里的XHR项来查看JSON数据,但响应似乎中途被切断。根据Chrome,这个JSON响应的大小为300-400KB。我想知道网页是否在没有截断的情况下接收到完整的JSON响应,如果没有,我如何查看接收到的完整数据?I使用此JSON查看器扩展:-您是否尝试过“预览”选项卡-它允许

我的网站上有一个页面使用jqueryajax从PHP后端请求JSON数据。我想查看返回到浏览器的JSON,并尝试使用Chrome浏览器的开发工具,在
Network>Response
下查看JSON


问题:尽管我可以通过选择那里的XHR项来查看JSON数据,但响应似乎中途被切断。根据Chrome,这个JSON响应的大小为300-400KB。我想知道网页是否在没有截断的情况下接收到完整的JSON响应,如果没有,我如何查看接收到的完整数据?

I使用此JSON查看器扩展:-

您是否尝试过“预览”选项卡-它允许您将结果作为适当的JavaScript对象查看,并具有扩展节点的能力。它比响应选项卡中的原始文本更容易处理


要查看完整的响应,请执行以下操作:

  • 导航到开发者工具>网络>给定响应>响应选项卡
  • 在响应区域>另存为中单击鼠标右键(控制单击Mac)
  • 另存为“>

    Mac上24.0.1312.57版的屏幕截图


    我在这里参加聚会有点晚了,但是如果你在一个断点处,你可以输入对象名并按“Enter”,JSON对象将被打印到控制台窗口。

    由于某种原因,这是“预览”“选项卡不会将响应解释为JSON,而只是以全黑、一行、纯文本显示。响应
    Content-Type
    application/json
    ,但在任何地方都看不到颜色高亮显示、格式设置或可扩展树。知道为什么吗?@asbjornu它一直在为我工作,但突然它不再在预览选项卡中为JSON做高亮显示/嵌套。你找到解决方法了吗?@Nathan,Chrome仍然把
    application/json
    当作
    text/plain
    来处理。不知道为什么。这正是我需要的,但我没有“另存为”菜单项。@GaryB96,我在答案中添加了一个屏幕截图和我正在使用的版本。Matt感谢您的跟进。我看到另存为。。。仅网络选项卡中“文档”上的菜单项。如果切换到XHR,并右键单击其中一个上的响应选项卡,则只会看到打开链接和复制链接。(Win7上的版本24.0.1312.57 m)@GaryB96,对于我抽查的XHR请求,响应选项卡上也没有“另存为”菜单项。我记得当我最初写这个答案的时候它一定在那里。在我刚才看到的示例中,响应数据没有被截断,因此我可以选择All并复制。您看到过响应数据被截断的例子吗?它本身并没有被截断,但它不会自动换行并从屏幕右侧消失。我可以按住鼠标并一直向右拖动来选择,但如果我滑倒了,我会取消选择:(肯定有更好的方法。这通常是我所做的,我认为这是提到的最佳解决方案。