«   Previous tip Next tip   »

Chrome DevTools: Copy a network response into your clipboard

Last updated: 19th July 2020
Copy a network response into your clipboard

In addition to copying the request/response headers of a network resource, you can also copy the response body itself. This is useful if you need to, for example, paste it into a bug report.

How to use this feature

To try this out, follow these instructions:

  1. Make a Network Panel recording
  2. Right click on a resource
  3. Select Copy > Copy response

You then get the textual representation of the resource directly into your clipboard.

As a nice enhancement, if you do this with an image resource, you get the base64 encoded version of that image into your clipboard (it starts with: data:image/jpeg;base64).

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week