How to Easily Copy and Modify Network Requests

How to Easily Copy and Modify Network Requests


1 min read

Have you ever needed to debug a network request? Maybe you'd like to see what kind of response the server will send if you tweak some request parameters or headers? Well now it's easier than ever to do this!

In Chrome, simply locate the request you'd like to duplicate, right click and choose Copy > Copy as fetch:

From there you can paste the copied code and tweak it to your heart's desire.

For those of you who fly with the fox, Firefox actually has a slightly easier method to achieve the same result with it's "Edit and Resend" ability:

Either way, these methods are convenient in that they include all the headers of the duplicated request so you don't have to recreate them yourself.

The more you know! ๐ŸŒˆ

Check out more #JSBits at my blog, Or follow me on Twitter!