blocks|key|133149|text|您可以使用Canary+version+of+Chrome查看POST请求的请求负载。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|133150|​|133151|📷|atomic|133152|133153|entityMap|0|LINK|mutability|MUTABLE|url|https://www.google.com/chrome/browser/canary.html|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/e17a0d46480f5c77e9ffbb6d382d5a44.png|imageAlt^0|5|O|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|I|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|S|N|T|C|$U|V|W|-4]]]]

You can use <a href="https://www.google.com/chrome/browser/canary.html" rel="noreferrer">Canary version of Chrome</a> to see request payload of POST requests.

<a href="https://i.stack.imgur.com/2MjvH.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2MjvH.png" alt="Request payload"></a>

blocks|key|133258|text|另一个可能有用的选项是专用的HTTP调试工具。有几个可用的，我推荐HTTP+Toolkit：一个我一直在做的开源项目(是的，我可能有偏见)来为我自己解决同样的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|133259|主要区别在于可用性和功能。Chrome开发工具很适合做简单的事情，我建议你从那里开始，但如果你正在努力理解那里的信息，并且你需要更多的解释或更多的功能，那么适当的专注工具可能会很有用！|133260|在这种情况下，它将向你展示你正在寻找的完整的帖子主体，带有一个友好的编辑器和高亮显示(都是由VS+Code提供支持的)，这样你就可以到处挖掘了。当然，它会给你提供请求和响应头，但是对于你能看到的每个标准的头和状态码，它都会提供额外的信息，比如来自MDN+(+Mozilla+Developer+Network)的文档。|133261|一张图片胜过一千个StackOverflow答案：|133262|​|133263|📷|atomic|133264|133265|entityMap|0|LINK|mutability|MUTABLE|url|https://httptoolkit.tech/|1|https://code.visualstudio.com/|2|https://developer.mozilla.org/en-US/|3|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/d0b0402177679f400c04ff7c80404ad2.png|imageAlt^0|X|C|0|0|0|1A|7|1|3L|P|2|0|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|D|3|E|5|6|7|1B|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]|$A|1G|B|1H|1|1I]]|C|$]]|$1|H|3|I|5|6|7|1J|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|1K|8|@]|9|@]|C|$]]|$1|L|3|M|5|N|7|1L|8|@]|9|@$A|1M|B|1N|1|1O]]|C|$]]|$1|O|3|K|5|6|7|1P|8|@]|9|@]|C|$]]|$1|P|3|-4|5|6|7|1Q|8|@]|9|@]|C|$]]]|Q|$R|$5|S|T|U|C|$V|W]]|X|$5|S|T|U|C|$V|Y]]|Z|$5|S|T|U|C|$V|10]]|11|$5|12|T|13|C|$14|15|16|-4]]]]

Another option that may be useful is a dedicated HTTP debugging tool. There's a few available, I'd suggest <a href="https://httptoolkit.tech/" rel="noreferrer">HTTP Toolkit</a>: an open-source project I've been working on (yeah, I might be biased) to solve this same problem for myself.

The main difference is usability &amp; power. The Chrome dev tools are good for simple things, and I'd recommend starting there, but if you're struggling to understand the information there, and you need either more explanation or more power then proper focused tools can be useful!

For this case, it'll show you the full POST body you're looking for, with a friendly editor and highlighting (all powered by <a href="https://code.visualstudio.com/" rel="noreferrer">VS Code</a>) so you can dig around. It'll give you the request &amp; response headers of course, but with extra info like docs from MDN (the <a href="https://developer.mozilla.org/en-US/" rel="noreferrer">Mozilla Developer Network</a>) for every standard header and status code you can see. 

A picture is worth a thousand StackOverflow answers:

<a href="https://httptoolkit.tech" rel="noreferrer"><img src="https://i.stack.imgur.com/zWTpH.png" alt="A screenshot of HTTP Toolkit showing a POST request and its body"></a>

blocks|key|351267|text|网络选项卡是您所需的全部...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|351268|​|351269|📷|atomic|offset|length|351270|351271|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/3a490aebdad72a1f9c3db269a6a4d0f4.png|imageAlt^0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@$G|V|H|W|1|X]]|A|$]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

The Network tab is all you need...
<a href="https://i.stack.imgur.com/lmAcV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lmAcV.png" alt="enter image description here" /></a>

I would like to view HTTP POST data that was sent in Chrome.
The data is in memory now, and I have the ability to resubmit the form.
I know that if I resubmit the server will throw an error. Is there anyway I can view the data that is in Chrome's memory?

How can I debug a HTTP POST in Chrome?

服务器

我想查看在Chrome中发送的HTTP POST数据。数据现在在内存中，我可以重新提交表单。我知道如果我重新提交，服务器会抛出一个错误。有没有什么办法可以让我查看Chrome内存中的数据？

问如何在Chrome中调试HTTP POST？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Chrome中调试HTTP POST？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Chrome中调试HTTP POST？
EN