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

Question

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

Answer 1

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

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

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

Answer 2

我认为有一种方法可以使用现有的DevTools功能*。

虽然可以在扩展程序中使用（将另一个面板添加到Dev Tools），但请参阅chrome.devtools.network和一般"Extending DevTools" guide。

*有关例外情况，请参阅ankur-singhal's answer

Answer 3

我找到了一个名为JsonView ..

的扩展程序

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc/related

如果它是可用的GET方法，那么美化JSON是很棒的..但不知道如何使用POST方法进行访问..