He estado buscando una forma de alterar una solicitud XHR realizada en mi navegador y luego volver a reproducirla. Digamos que tengo una solicitud POST completa realizada en mi navegador, y lo único que quiero cambiar es un valor pequeño y luego reproducirlo nuevamente. Esto sería mucho más fácil y rápido de hacer directamente en el navegador.

Busqué en Google un poco y no he encontrado la manera de hacerlo en Chrome o Firefox. ¿Hay alguna forma de hacerlo en cualquiera de esos navegadores, o tal vez en otro?

Cromo :

• En el panel Red de devtools, haga clic con el botón derecho y seleccione Copiar como cURL
• Pegue / edite la solicitud y luego envíela desde un terminal, suponiendo que tiene el curlcomando

Ver captura:

Alternativamente, y en caso de que necesite enviar la solicitud en el contexto de una página web , seleccione "Copiar como recuperación" y edite y envíe el contenido desde el panel de la consola de JavaScript.

Firefox

Firefox permite editar y reenviar XHR directamente desde el panel Red. La captura a continuación es de Firefox 36:

Chrome ahora tiene Copiar como recuperación en la versión 67:

Copiar como búsqueda

Haga clic con el botón derecho en una solicitud de red y luego seleccione Copiar> Copiar como recuperación para copiar el fetch()código equivalente para esa solicitud en su portapapeles.

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

Salida de muestra:

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 diferencia es que Copiar como cURL también incluirá todos los encabezados de solicitud (como Cookie y Aceptar) y es adecuado para reproducir la solicitud fuera de Chrome. El fetch()código es adecuado para reproducir dentro del mismo navegador.

Mis dos sugerencias:

1. El complemento Postman de Chrome + el complemento Interceptor Postman . Más información: Postman Capturing Requests Docs

2. Si estás en Windows, entonces Fiddler de Telerik es una opción. Tiene una opción de compositor para reproducir solicitudes http, y es gratis.

Actualizando / completando la respuesta de zszep :

Después de copiar la solicitud como cUrl (bash), simplemente impórtela en la aplicación Postman :

Para Firefox, el problema se resolvió solo. Tiene implementada la función "Editar y reenviar".

Para la extensión de Tamper de Chrome parece hacer el truco.

Han pasado 5 años y los desarrolladores de Chrome no ignoraron este requisito esencial.
Si bien no ofrecen ningún método para editar los datos como en Firefox, ofrecen una reproducción completa de XHR.
Esto permite depurar llamadas ajax. "Replay XHR" repetirá toda la transmisión.

Hay algunas formas de hacer esto, como se mencionó anteriormente, pero en mi experiencia, la mejor manera de manipular una solicitud XHR y reenviarla es usar las herramientas de desarrollo de Chrome para copiar la solicitud como solicitud cURL (haga clic derecho en la solicitud en la pestaña de red ) y simplemente importar a la aplicación Postman (botón de importación gigante en la esquina superior izquierda).

¡No es necesario instalar extensiones de terceros!

Existe el fragmento de JavaScript , que puede agregar como marcador de navegador y luego activar en cualquier sitio para rastrear y modificar las solicitudes. Parece que:

Para obtener más instrucciones, revise la página de github.