如何在Chrome浏览器中美化XHR（Ajax调用）的响应体？

Question

从下面的截屏视频中可以看出，响应主体是一个缩小的 JSON 对象。有没有人知道如何在 Google Chrome 浏览器中美化它？

Answer 1

我认为没有办法*使用现有的 DevTools 功能。

应该可以在扩展中使用（将另一个面板添加到开发工具），请参阅 chrome.devtools.network and in general "Extending DevTools" guide。

* 例外见

Answer 2

我找到了一个名为 JsonView 的扩展。

如果 JSON 有可用的 GET 方法，那就太棒了..但不确定如何使用 POST 方法访问..

Answer 3

您需要为 chrome 指定的有效 "application/json" content-type 才能为您提供可折叠的下拉列表

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

Navigate to Developer Tools > Network > the given response > Preview

How to beautify respond body of XHR (Ajax call) in Chrome browser?