Estive procurando uma maneira de alterar uma solicitação XHR feita no meu navegador e reproduzi-la novamente. Digamos que eu tenha feito uma solicitação POST completa no meu navegador e a única coisa que quero alterar é um valor pequeno e, em seguida, reproduzi-lo novamente. Isso seria muito mais fácil e rápido de fazer diretamente no navegador.

Pesquisei um pouco no Google e não encontrei uma maneira de fazer isso no Chrome ou Firefox. Existe alguma maneira de fazer isso em um desses navegadores ou talvez em outro?

Cromada :

• No painel Rede de devtools, clique com o botão direito do mouse e selecione Copiar como cURL
• Cole / edite a solicitação e envie-a de um terminal, supondo que você tenha o curlcomando

Veja captura:

Como alternativa, e caso você precise enviar a solicitação no contexto de uma página da web , selecione "Copiar como busca" e edite-envie o conteúdo no painel do console javascript.

Raposa de fogo :

O Firefox permite editar e reenviar o XHR diretamente do painel Rede. A captura abaixo é do Firefox 36:

O Chrome agora tem Copiar como busca na versão 67:

Copiar como busca

Clique com o botão direito do mouse em uma solicitação de rede e selecione Copiar> Copiar como Buscar para copiar o fetch()código equivalente dessa solicitação para a área de transferência.

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

Saída de amostra:

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"
});

A diferença é que Copiar como cURL também incluirá todos os cabeçalhos da solicitação (como Cookie e Aceitar) e é adequado para reproduzir a solicitação fora do Chrome. O fetch()código é adequado para reprodução dentro do mesmo navegador.

Minhas duas sugestões:

1. Plugman Postman do Chrome + Plugin Interceptor Postman . Mais informações: Postman Captura Pedidos Docs

2. Se você estiver no Windows, o Fiddler da Telerik é uma opção. Possui uma opção de compositor para reproduzir solicitações HTTP e é gratuito.

Atualizando / completando a resposta zszep :

Após copiar a solicitação como cUrl (bash), basta importá-la no Postman App :

Para o Firefox, o problema se resolveu. Possui o recurso "Editar e reenviar" implementado.

Para extensão Chrome Tamper parece fazer o truque.

Cinco anos se passaram e esse requisito essencial não foi ignorado pelos desenvolvedores do Chrome.
Embora eles não ofereçam método para editar os dados como no Firefox, eles oferecem uma reprodução completa do XHR.
Isso permite depurar chamadas ajax. "Replay XHR" repetirá toda a transmissão.

Existem algumas maneiras de fazer isso, como mencionado acima, mas, na minha experiência, a melhor maneira de manipular uma solicitação XHR e reenviar é usar as ferramentas chrome dev para copiar a solicitação como solicitação cURL (clique com o botão direito do mouse na solicitação na guia rede) ) e simplesmente importar para o aplicativo Postman (botão gigante de importação no canto superior esquerdo).

Não é necessário instalar extensões de terceiros!

Existe o snippet javascript , que você pode adicionar como marcador do navegador e ativar em qualquer site para rastrear e modificar as solicitações. Parece que:

Para obter mais instruções, consulte a página do github.