它有一个棘手的情况:如果你提交了一个post表单，那么Chrome会打开一个新选项卡来发送请求。直到现在，它都是正确的，但是如果它触发了一个下载文件的事件，这个选项卡将立即关闭，这样你就不能在Dev Tool中捕获这个请求。

解决方案: 在提交post form之前，你需要切断你的网络，这使得请求不能成功发送，这样标签就不会被关闭。然后你可以在Chrome Devtool中捕获请求消息(如有必要刷新新选项卡)

其他人给出了非常好的答案，但我想用一个额外的开发工具来完成他们的工作。它叫做Live HTTP Headers，你可以把它安装到你的Firefox中，在Chrome中我们也有这样的插件。

用它工作很容易。

使用你的火狐浏览器，导航到你想要得到你的帖子请求的网站。 在您的Firefox菜单工具->Live Http头 弹出一个新窗口，所有http方法的详细信息都会保存在这个窗口中。在这一步中您不需要做任何事情。 在网站上，做一个活动(登录，提交表单等) 看看你的插电窗。这一切都被记录下来了。

记住你需要勾选“捕获”。

在Chrome 96 DevTools网络标签;

点击请求后，有一个“Payload”选项卡显示表单数据:

您可以查看url编码/解码的数据:

您可以将数据视为source / parsed:

即使方法是GET，你也可以看到负载作为查询字符串参数:

转到Chrome开发工具(Chrome菜单->更多工具->开发工具) 选择“网络”页签 刷新您所在的页面 您将获得在网络控制台打开时发生的http查询的列表。在左边选择一个 选择“Headers”选项卡

拖鞋!

它有一个棘手的情况:如果你提交了一个post表单，那么Chrome会打开一个新选项卡来发送请求。直到现在，它都是正确的，但是如果它触发了一个下载文件的事件，这个选项卡将立即关闭，这样你就不能在Dev Tool中捕获这个请求。

解决方案: 在提交post form之前，你需要切断你的网络，这使得请求不能成功发送，这样标签就不会被关闭。然后你可以在Chrome Devtool中捕获请求消息(如有必要刷新新选项卡)

你可以使用Chrome的Canary版本来查看POST请求的请求有效负载。