Ho cercato un modo per modificare una richiesta XHR effettuata nel mio browser e quindi riprodurla di nuovo. Supponiamo che nel mio browser sia stata eseguita una richiesta POST completa e che l'unica cosa che voglio modificare sia un valore ridotto, quindi riproducilo nuovamente. Questo sarebbe molto più facile e veloce da fare direttamente nel browser.

Ho fatto un po 'di ricerca su Google e non ho trovato il modo di farlo su Chrome o Firefox. C'è un modo per farlo in uno di quei browser o forse in un altro?

Chrome:

• Nel pannello Network di devtools, fai clic con il pulsante destro del mouse e seleziona Copia come cURL
• Incolla / modifica la richiesta, quindi inviala da un terminale, supponendo che tu abbia il curlcomando

Vedi acquisizione:

In alternativa, e nel caso sia necessario inviare la richiesta nel contesto di una pagina Web , selezionare "Copia come recupero" e modificare-inviare il contenuto dal pannello della console javascript.

Firefox:

Firefox consente di modificare e inviare nuovamente XHR direttamente dal pannello Rete. Cattura di seguito è da Firefox 36:

Chrome ora ha Copia come recupero nella versione 67:

Copia come recupero

Fare clic con il tasto destro del mouse su una richiesta di rete, quindi selezionare Copia> Copia come recupero per copiare negli fetch()Appunti il codice equivalente per quella richiesta.

https://developers.google.com/web/updates/2018/04/devtools#fetch

Uscita campione:

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&oldBody=&isQuestion=false",
  method: "POST",
  mode: "cors"
});

La differenza è che Copia come cURL includerà anche tutte le intestazioni della richiesta (come Cookie e Accetta) ed è adatta per riprodurre la richiesta al di fuori di Chrome. Il fetch()codice è adatto per la riproduzione all'interno dello stesso browser.

I miei due suggerimenti:

1. Il plug-in Postman di Chrome + il plug -in Postman Interceptor . Ulteriori informazioni: Postman Capturing Request Docs

2. Se sei su Windows, Fiddler di Telerik è un'opzione. Ha un'opzione compositore per riprodurre le richieste http ed è gratuito.

Aggiornamento / completamento della risposta zszep :

Dopo aver copiato la richiesta come cUrl (bash), importala semplicemente nell'app Postman :

Per Firefox il problema si è risolto da solo. Ha implementata la funzione "Modifica e reinvia".

Per l' estensione Chrome Tamper sembra fare il trucco.

Sono passati 5 anni e questo requisito essenziale non è stato ignorato dagli sviluppatori di Chrome.
Sebbene non offrano alcun metodo per modificare i dati come in Firefox, offrono un replay XHR completo.
Ciò consente di eseguire il debug delle chiamate Ajax. "Replay XHR" ripeterà l'intera trasmissione.

Esistono alcuni modi per farlo, come menzionato sopra, ma nella mia esperienza il modo migliore per manipolare una richiesta XHR e inviarla di nuovo è utilizzare gli strumenti di sviluppo di Chrome per copiare la richiesta come richiesta cURL (fare clic destro sulla richiesta nella scheda di rete ) e semplicemente importare nell'app Postman (pulsante di importazione gigante in alto a sinistra).

Non è necessario installare estensioni di terze parti!

Esiste lo snippet javascript , che puoi aggiungere come segnalibro del browser e quindi attivare su qualsiasi sito per tracciare e modificare le richieste. Sembra:

Per ulteriori istruzioni, consulta la pagina di github.