我如何调试一个HTTP POST在Chrome?

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

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

我知道如果我重新提交，服务器会抛出一个错误。有没有办法，我可以查看数据，是在Chrome的内存?

当前回答

你可以过滤HTTP POST请求与Chrome DevTools。只需要做以下几点:

打开Chrome开发工具(Cmd+Opt+I在Mac上，Ctrl+Shift+I或F12在 Windows)，然后单击“网络”选项卡点击“过滤器”图标输入您的过滤器方法:method:POST 选择要调试的请求查看要调试的请求的详细信息

截图

Chrome版本53测试。

其他回答

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

拖鞋!

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

在Chrome 96 DevTools网络标签;

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

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

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

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

你可以过滤HTTP POST请求与Chrome DevTools。只需要做以下几点:

截图

Chrome版本53测试。

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

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

推荐文章