Я искал способ изменить запрос XHR, сделанный в моем браузере, а затем воспроизвести его снова. Скажем, у меня есть полный запрос POST, сделанный в моем браузере, и единственное, что я хочу изменить, - это небольшое значение, а затем воспроизвести его снова. Это было бы намного проще и быстрее сделать прямо в браузере.

Я немного погуглил и не нашел способа сделать это в Chrome или Firefox. Есть ли способ сделать это в одном из этих браузеров или, может быть, в другом?

Хром:

• На панели Network инструментов разработчика щелкните правой кнопкой мыши и выберите Копировать как cURL.
• Вставьте / отредактируйте запрос, а затем отправьте его с терминала, если у вас есть curlкоманда

Смотрите захват:

В качестве альтернативы, и в случае, если вам нужно отправить запрос в контексте веб-страницы , выберите «Копировать как выборку» и отредактируйте-отправьте контент с панели консоли javascript.

Fire Fox :

Firefox позволяет редактировать и повторно отправлять XHR прямо из панели «Сеть». Снимок ниже взят из Firefox 36:

В версии 67 Chrome теперь имеет функцию копирования как выборки :

Копировать как выборку

Щелкните правой кнопкой мыши сетевой запрос, затем выберите Копировать> Копировать как выборку, чтобы скопировать 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"
});

Разница в том, что Copy as cURL также будет включать все заголовки запроса (например, Cookie и Accept) и подходит для воспроизведения запроса вне Chrome. fetch()Код подходит для воспроизведения внутри одного и того же браузера.

Мои два предложения:

1. Плагин Chrome Postman + плагин Postman Interceptor . Дополнительная информация: Почтальон, захват документов с запросами

2. Если вы используете Windows, то вам подойдет Telerik's Fiddler. У него есть опция композитора для воспроизведения HTTP-запросов, и это бесплатно.

Обновление / завершение ответа zszep :

После копирования запроса как cUrl (bash) просто импортируйте его в приложение Postman :

Для Firefox проблема решилась сама собой. В нем реализована функция «Редактировать и повторно отправить».

Для Chrome Tamper расширение, похоже, помогает.

Прошло 5 лет, и разработчики Chrome не проигнорировали это важное требование.
Хотя они не предлагают никакого метода редактирования данных, как в Firefox, они предлагают полное воспроизведение XHR.
Это позволяет отлаживать вызовы ajax. «Replay XHR» повторит всю передачу.

Как упоминалось выше, есть несколько способов сделать это, но, по моему опыту, лучший способ манипулировать запросом XHR и повторной отправкой - использовать инструменты chrome dev для копирования запроса как запроса cURL (щелкните правой кнопкой мыши запрос на вкладке сети ) и просто импортировать в приложение Postman (гигантская кнопка импорта в верхнем левом углу).

Не нужно устанавливать сторонние расширения!

Существует javascript-фрагмент , который вы можете добавить в качестве закладки браузера, а затем активировать на любом сайте для отслеживания и изменения запросов. Это выглядит как:

Для дальнейших инструкций просмотрите страницу github.

Edge на основе Microsoft Chromium поддерживает запросы «Редактировать и воспроизводить» на вкладке «Сеть» в качестве экспериментальной функции:

Более подробную информацию о функции и о том, как ее включить, можно найти здесь.