Edit and replay XHR chrome firefox etc

Question

I ve been looking for a way to alter a XHR request made in my browser and then replay it again  Say I have a complete POST request done in my browser  and the only thing I want to change is a small value and then play it again  This would be a lot easier and faster to do directly in the browser   I ve google d a bit around  and haven t found a way to do this in Chrome or Firefox  Is there some way to do it in either one of those browsers  or maybe another one

User · Answer

No need to install 3rd party extensions   There exists the javascript-snippet  which you can add as browser-bookmark and then activate on any site to track  amp  modify the requests  It looks like     For further instructions  review the github page

User · Answer

Chrome     In the Network panel of devtools  right-click and select Copy as cURL Paste   Edit the request  and then send it from a terminal  assuming you have the curl command   See capture      Alternatively  and in case you need to send the request in the context of a webpage  select  Copy as fetch  and edit-send the content from the javascript console panel     Firefox     Firefox allows to edit and resend XHR right from the Network panel  Capture below is from Firefox 36

User · Answer

Chrome now has Copy as fetch in version 67      Copy as fetch      Right-click a network request then select Copy   Copy As Fetch to copy the fetch  -equivalent code for that request to your clipboard    https   developers google com web updates 2018 04 devtools fetch  Sample output   fetch  https   stackoverflow com posts validate-body       credentials   include     headers        referrer   https   stackoverflow com      referrerPolicy   origin     body       body Chrome now has  Copy as fetch  in version 67 3A 0A 0A 3E Copy as fetch 0ARight-click a network request then select   Copy  3E Copy As Fetch   to copy the  60fetch   60-equivalent code for that request to your clipboard  0A 0A amp oldBody  amp isQuestion false     method   POST     mode   cors        The difference is that Copy as cURL will also include all the request headers  such as Cookie and Accept  and is suitable for replaying the request outside of Chrome  The fetch   code is suitable for replaying inside of the same browser

User · Answer

5 years have passed and this essential requirement didn t get ignored by the Chrome devs  While they offer no method to edit the data like in Firefox  they offer a full XHR replay  This allows to debug ajax calls    Replay XHR  will repeat the entire transmission

User · Answer

There are a few ways to do this  as mentioned above  but in my experience the best way to manipulate an XHR request and resend is to use chrome dev tools to copy the request as cURL request  right click on the request in the network tab  and to simply import into the Postman app  giant import button in the top left

User · Answer

For Firefox the problem solved itself  It has the  Edit and Resend  feature implemented   For Chrome Tamper extension seems to do the trick

User · Answer

Updating completing zszep answer   After copying the request as cUrl  bash   simply import it in the Postman App

User · Answer

Microsoft Chromium-based Edge supports  quot Edit and Replay quot  requests in the Network Tab as an experimental feature   More details about the feature and how to enable it can be found here

User · Answer

My two suggestions    Chrome s Postman plugin   the Postman Interceptor Plugin  More Info  Postman Capturing Requests Docs If you re on Windows then Telerik s Fiddler is an option  It has a composer option to replay http requests  and it s free

[google-chrome] Edit and replay XHR chrome/firefox etc?

No need to install 3rd party extensions!

Examples related to google-chrome

Examples related to firefox

Examples related to browser

Examples related to xmlhttprequest