我想查看在 Chrome 中发送的 HTTP POST 数据。
数据现在在内存中，我可以重新提交表单。
我知道如果我重新提交服务器会抛出一个错误。无论如何我可以查看 Chrome 内存中的数据吗？
问问题
424816 次
8 回答
269
- 转到 Chrome 开发者工具（Chrome 菜单 -> 更多工具 -> 开发者工具）
- 选择“网络”选项卡
- 刷新您所在的页面
- 您将获得在网络控制台打开时发生的 http 查询列表。在左侧选择其中之一
- 选择“标题”选项卡
瞧！
于 2013-03-24T20:55:08.423 回答
169
您可以使用Chrome DevTools过滤 HTTP POST 请求。只需执行以下操作：
- 打开 Chrome DevTools（在 Mac 上为Cmd+ Opt+ ，在 Windows 上为+ + ）并单击“网络”选项卡ICtrlShiftIF12
- 点击“过滤器”图标
- 输入您的过滤方法：
method:POST - 选择要调试的请求
- 查看要调试的请求的详细信息
截屏
使用 Chrome 版本 53 进行测试。
于 2016-09-23T13:05:19.657 回答
14
您可以使用Canary 版本的 Chrome来查看 POST 请求的请求负载。
于 2015-08-25T08:51:26.573 回答
8
另一个可能有用的选项是专用的 HTTP 调试工具。有一些可用的，我建议HTTP Toolkit：我一直在研究的一个开源项目（是的，我可能有偏见）来为自己解决同样的问题。
主要区别在于可用性和功率。Chrome 开发工具适用于简单的事情，我建议从那里开始，但如果您难以理解那里的信息，并且您需要更多解释或更多功能，那么适当的专注工具可能会很有用！
对于这种情况，它将向您展示您正在寻找的完整 POST 正文，并带有友好的编辑器和突出显示（全部由VS Code提供支持），因此您可以四处挖掘。它当然会为您提供请求和响应标头，但对于您可以看到的每个标准标头和状态代码，它都会提供额外的信息，例如来自 MDN（ Mozilla 开发者网络）的文档。
一张图片值一千个 StackOverflow 答案：
于 2019-09-13T18:43:32.813 回答
1
它有一个棘手的情况：如果您提交一个 post 表单，那么 Chrome 将打开一个新选项卡来发送请求。直到现在，但如果它触发了下载文件的事件，此选项卡将立即关闭，因此您无法在开发工具中捕获此请求。
解决方法：在提交post表单之前，需要先断网，导致请求无法发送成功，标签页也不会关闭。然后您可以在 Chrome Devtool 中捕获请求消息（如有必要刷新新标签）
于 2019-03-16T13:49:28.927 回答
1
网络选项卡就是您所需要的...
于 2021-03-27T01:47:22.207 回答
1
在 Chrome 96 DevTools 网络选项卡上；
单击请求后，有一个显示表单数据的“有效负载”选项卡：
您可以将数据视为 url 编码/解码：
您可以将数据视为源/解析：
即使方法是 GET，您也可以将 Payload 视为查询字符串参数：
于 2021-11-21T10:56:37.917 回答
0
其他人的回答非常好，但我想用一个额外的开发工具来完成他们的工作。它被称为Live HTTP Headers，您可以将其安装到您的Firefox中，并且在Chrome中我们也有类似的插件。
使用它非常容易。
使用您的 Firefox，导航到您想要向其发送发布请求的网站。
在您的 Firefox 菜单工具->实时 Http 标头中
为您弹出一个新窗口，所有 http 方法的详细信息都将保存在此窗口中。您无需在此步骤中执行任何操作。
在网站上，做一个活动（登录、提交表单等）
看看你的插件窗口。这都被记录下来了。
请记住，您需要检查Capture。
于 2017-11-05T15:05:22.197 回答