Convert Chrome network request body preview to valid json

Question

My Question: I want a way to take the preview content (see image below) from Chrome Developer Tools and copy it as valid JSON rather than having to convert it into valid JSON.

My Situation: I'm going to be inspecting a lot of requests on a website and taking the request body as JSON and using that in another part of a project I'm working on. I don't want to have to reconstruct the JSON. I know there are other ways I could perform the requests, but I'd rather just use the website normally and then find all the requests as I go rather then execute the requests on my own. So I'd really like to be able to do this. Thanks!

Answer 1

I just realized that the preview tab is a preview of the response rather than the request body. To get that as json text you just click the response tab and it will show you the response body. If you want the request body you look at the headers tab. In some cases it will just be form data.