Chrome Developer Tools: View POST Data

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.

  1. Open Developer Tools in Chrome. Select the Network tab (at the top).
  2. Submit the form. Watch the magic happening in the Developer Tools console.
Network tab in Chrome Developer Tools while a query is being processed.
  1. 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: