在没有任何插件的情况下，在chrome dev工具中从POST请求中提取请求主体的最简单方法

Posted 2021-04-02

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

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

答案

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

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

另一答案

1. 您只需转到网络 - 标题 - 查看源
2. 然后复制您的JSON并粘贴到jsonformater，例如formatter online或您的IDE格式化程序

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