Я шукав спосіб змінити запит XHR, зроблений у моєму браузері, а потім знову відтворити його. Скажіть, у мене в браузері виконаний повний POST-запит, і єдине, що я хочу змінити, - це невелике значення, а потім знову відтворити його. Це було б набагато простіше і швидше зробити безпосередньо в браузері.
Я трохи розібрався в Google, і не знайшов способу зробити це в Chrome або Firefox. Чи є якийсь спосіб зробити це в одному з цих браузерів, чи, можливо, в іншому?
Відповіді:
Chrome:
curlкомандаДивіться захоплення:
Крім того, і якщо вам потрібно надіслати запит у контексті веб-сторінки , виберіть "Скопіювати як отримати" та відредагуйте-надішліть вміст із панелі консолі javascript.
Firefox:
Firefox дозволяє редагувати та надсилати XHR прямо з панелі «Мережа». Захоплення нижче - від Firefox 36:
curl ... > preview.htmlа потім відкрийте файл у браузері.
&& open preview.htmlна macOS, і файл відкриється безпосередньо після запиту
Зараз у Chrome є копія як завантаження у версії 67:
Скопіюйте як видобуток
Клацніть правою кнопкою миші мережевий запит, а потім виберіть Copy> Copy As Fetch, щоб скопіювати
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 як cURL також буде включати всі заголовки запитів (наприклад, Cookie та Accept) і підходить для відтворення запиту за межами Chrome. fetch()Код підходить для відтворення всередині одного і того ж браузера.
fetchкоманду безпосередньо в консоль Chrome і відтворити запит.
.then(r => r.json()).then(json => console.log(json))
Мої дві пропозиції:
Плагін пошти для Chrome + Плагін перехоплювача пошти . Детальніше: Листоноша, що захоплює запити, Документи
Якщо ви перебуваєте в Windows, то Fiddler Telerik - це варіант. У нього є можливість композитора для відтворення http-запитів, і це безкоштовно.
Оновлення / доповнення відповіді zszep :
Після копіювання запиту як cUrl (bash), просто імпортуйте його в додаток Postman :
Для Firefox проблема вирішилася сама. У ній реалізована функція "Редагувати та повторно".
Для Chrome розширення Tamper, здається, робить свою справу.
Як було зазначено вище, є декілька способів зробити це, але, на мій досвід, найкращий спосіб маніпулювати запитом XHR та його повторним використанням - це використання інструментів хромованого розробника для копіювання запиту як запиту cURL (клацніть правою кнопкою миші на запиті на вкладці мережі ) та просто імпортувати у додаток Postman (гігантська кнопка імпорту у верхньому лівому куті).
Існує фрагмент javascript , який ви можете додати як закладку браузера, а потім активувати на будь-якому сайті для відстеження та зміни запитів. Це виглядає як:
Щоб отримати подальші вказівки, перегляньте сторінку github.
OPTIONSзапитами перед полетом ( ) потрібно натиснути "повторно" на запит перед політ - не фактичний остаточний запит.