title: chrome devtool how to inspect form data submitted by form.submit()
body: <p><a href="https://i.stack.imgur.com/dgHD2.png" rel="nofollow noreferrer">xhr content-type form-data</a>
  I can inspect the form-data content submitted by xhr on chrome devtool as the above pic shows</p>
  
  <p><a href="https://i.stack.imgur.com/KUpGh.png" rel="nofollow noreferrer">form.submit() form-data</a>
  However, I see an old library using the default form.submit() method to upload an image. From the request headers, it shows "Content-Type: multipart/form-data; boundary=----...". But the request body (Form Data section) does not even appear on the devtool.</p>
  
  <p>I rarely use the default submit method. Is it the default behaviour on chrome? If so, why is it? And is there any workaround? As I want to see the Content-Disposition.</p>
  
  <hr>
  
  <p>Edit:</p>
  
  <p>Tried "preserve log" option, but no luck. Seems like a bug on chrome, as I can see the request payload on Edge and Firefox.</p>