在没有任何插件的情况下，在 Chrome 开发工具中从 POST 请求中提取请求正文的最简单方法

Question

在不安装任何插件的情况下，从 Chrome 开发工具中的请求正文中提取 JSON 的最简单方法是什么。我可以在网络选项卡中看到请求和响应，但如何从请求正文中提取 JSON。

我的期望：在 Chrome 中，当您检查请求时，在 dev 工具栏下，您会看到form-data。在此之下，有一个查看源按钮。这具有 url 编码的表单数据。如果我们可以将其解码为 JSON 并在控制台上打印字符串化的结果。

Answer 1

1. 您可以简单地转到网络 - 标题 -查看源代码
2. 然后复制您的 JSON 并粘贴到 jsonformater，例如在线格式化程序或您的 IDE 格式化程序

@feklee 更详细的回答：https ://stackoverflow.com/a/9163566/5282202

Answer 2

您可以单击“网络”选项卡，这将显示您的所有请求及其响应。单击其中一个，然后单击“标题”选项卡。向下滚动直到看到“表单数据”，然后您可以从那里复制并粘贴信息。

如果这是一个 ajax 调用，您可以使用“源”选项卡来查找发出 AJAX 请求的客户端脚本部分，然后可以放置一个断点。一旦到达断点，您可以使用“控制台”选项卡来“嗅探”即将发出的 xhr 请求，以获取您想要使用的信息console.log(myXhrRequest)