私は、ブラウザーで作成されたXHRリクエストを変更し、それを再度再生する方法を探していました。ブラウザで完全なPOSTリクエストを実行したとします。変更したいのは、小さい値を指定してからもう一度再生することだけです。これは、ブラウザーで直接実行する方がはるかに簡単で高速です。

私は少しググってみましたが、ChromeやFirefoxでこれを行う方法を見つけていません。それらのブラウザのいずれか、またはおそらく別のブラウザでそれを行う方法はありますか？

クロム：

• devtoolsのNetworkパネルで、右クリックしてCopy as cURLを選択します
• curlコマンドを持っていると仮定して、リクエストを貼り付け/編集し、ターミナルから送信します

キャプチャを参照してください：

または、ウェブページのコンテキストでリクエストを送信する必要がある場合は、[ フェッチとしてコピー]を選択し、JavaScriptコンソールパネルからコンテンツを編集して送信します。

Firefox：

Firefoxでは、ネットワークパネルから直接XHRを編集して再送信できます。以下のキャプチャはFirefox 36のものです。

Chromeのバージョン67では、フェッチとしてコピーが使用できるようになりました。

フェッチとしてコピー

ネットワークリクエストを右クリックし、[ コピー]> [ フェッチとしてコピー ]を選択してfetch()、そのリクエストに対応するコードをクリップボードにコピーします。

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

出力例：

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

違いは、cURLとしてコピーにはすべてのリクエストヘッダー（CookieやAcceptなど）も含まれ、Chromeの外部でリクエストを再生するのに適していることです。fetch()コードは、同じブラウザの内部を再生するのに適しています。

私の2つの提案：

1. ChromeのPostmanプラグイン + Postman Interceptorプラグイン。詳細：郵便配達員によるリクエストドキュメントのキャプチャ

2. Windowsを使用している場合は、TelerikのFiddlerがオプションです。httpリクエストを再生するコンポーザーオプションがあり、無料です。

zszep回答の更新/完了：

リクエストをcUrl（bash）としてコピーした後、単にPostmanアプリにインポートします。

Firefoxの場合、問題は自動的に解決しました。「編集して再送信」機能が実装されています。

Chromeの改ざんの拡張機能は、トリックを行うようです。

上記のように、これを行う方法はいくつかありますが、私の経験では、XHRリクエストを操作して再送信する最良の方法は、Chrome開発ツールを使用してリクエストをcURLリクエストとしてコピーすることです（ネットワークタブでリクエストを右クリックします） ）およびPostmanアプリにインポートするだけです（左上の巨大なインポートボタン）。

5年が経過しましたが、この重要な要件はChrome開発者によって無視されませんでした。
Firefoxのようにデータを編集する方法はありませんが、完全なXHR再生を提供します。
これにより、ajax呼び出しをデバッグできます。 「リプレイXHR」は送信全体を繰り返します。

サードパーティの拡張機能をインストールする必要はありません。

javascript-snippetが存在します。これをブラウザーのブックマークとして追加し、任意のサイトでアクティブにして、要求を追跡および変更できます。それは次のようになります：

詳細な手順については、githubページを確認してください。