Google chrome 如何在Chrome中调试HTTP POST？

我想查看在Chrome中发送的HTTP POST数据

数据现在在内存中，我可以重新提交表单

我知道如果我重新提交，服务器将抛出一个错误。我是否可以查看Chrome内存中的数据

转到Chrome开发者工具（Chrome菜单->更多工具->开发者工具）

选择“网络”选项卡

刷新您所在的页面

您将获得网络控制台打开时发生的http查询列表。在左侧选择其中一个

选择“标题”选项卡

瞧

您可以使用查看POST请求的请求负载

---

您可以使用筛选HTTP POST请求。只需执行以下操作：

打开Chrome开发工具（Mac上的Cmd+Opt+I，Mac上的Ctrl+Shift+I或F12） Windows）并单击“网络”选项卡

点击“过滤器”图标

输入您的筛选方法：

method:POST

选择要调试的请求

查看要调试的请求的详细信息

屏幕截图

---

使用Chrome 53版进行测试。

其他人给出了非常好的答案，但我想用一个额外的开发工具来完成他们的工作。它被称为livehttpheaders，您可以将它安装到您的浏览器中，在Chrome中，我们也有类似的插件

使用它很容易

使用您的Firefox，导航到您希望获得post请求的网站

在Firefox菜单中工具->实时Http头文件

将弹出一个新窗口，所有http方法的详细信息都将保存在此窗口中。在这一步中，您不需要做任何事情

在网站上进行活动（登录、提交表格等）

看看你的插件窗口。一切都记录下来了

请记住，您需要检查捕获

---

这有一个棘手的情况：如果你提交了一个post表单，Chrome将打开一个新的选项卡来发送请求。到目前为止，它是正确的，但是如果它触发一个事件来下载文件，此选项卡将立即关闭，因此您无法在开发工具中捕获此请求

解决方案：

---

在提交投递表单之前，您需要切断您的网络，这使得请求无法成功发送，因此选项卡将不会关闭。然后，您可以在Chrome Devtool中捕获请求消息（如有必要，刷新新选项卡）

另一个可能有用的选项是专用HTTP调试工具。我建议有几个可用的：一个我一直在做的开源项目（是的，我可能有偏见），为我自己解决同样的问题

主要区别在于可用性和功能。Chrome开发工具适用于简单的事情，我建议从这里开始，但是如果你很难理解那里的信息，并且你需要更多的解释或者更强大的功能，那么适当的聚焦工具是有用的

在这种情况下，它将向您展示您正在寻找的完整文章正文，带有一个友好的编辑器和高亮显示（所有功能均由提供），因此您可以四处挖掘。当然，它会为您提供请求和响应标题，但会为您可以看到的每个标准标题和状态代码提供额外的信息，如来自MDN（the）的文档

一张图片胜过一千个答案：

---

网络选项卡是您所需要的全部

---

是否有任何链接可获取有关此项或其更改时间的更多详细信息？编辑：回答了我自己的问题。如果您使用的是获取API。很明显，金丝雀现在或很快就会出现。现在它可以在chrome本身的标准版本中使用了！这是GET，不是POSIT捕获GET和POST请求，@QkiZNote:要真正看到重新加载页面的POST请求，您需要检查“保留日志”。我缺少请求正文了吗-（在Chrome 71中，主体（即POST ed数据）显示在标题选项卡底部的“请求有效负载”下heading.在Chrome 70上工作过。使用

方法进行过滤：POST

非常有用。我正在尝试做同样的事情。但它仍然显示Get方法..没有转换为POST方法的名称：它什么也没有显示。作为响应，我只得到{“stat”：“fail”，“desc”：“Service Unavailable”}如果提交了文件，这不适用于多部分POST请求：这里有一个很好的视频giff示例，介绍了如何转到网络选项卡：看起来很有希望，但我的机器上存在一些问题，将它们发布在GitHub上。