Chrome Developer Tools: View POST Data

web scraping

How to view the content of a POST request using Chrome Developers Tools. This is useful for understanding what information is being sent to the server.

Published

19 Sep 2016 03:00

When figuring out how to formulate the contents of a POST request it’s often useful to see the “typical” fields submitted directly from a web form.

Open Developer Tools in Chrome. Select the Network tab (at the top).
Submit the form. Watch the magic happening in the Developer Tools console.

Network tab in Chrome Developer Tools while a query is being processed.

Click on the first document listed in the Developer Tools console, then select the Headers tab.

Viewing headers for a specific request in Chrome Developer Tools.

That’s just scratching the surface of the wealth of information available on the Network tab. Read these to find out more:

Inspect network activity and
Network features reference.