Szukałem sposobu na zmianę żądania XHR wysłanego w mojej przeglądarce, a następnie ponowne odtworzenie. Powiedzmy, że w przeglądarce zostało wykonane pełne żądanie POST, a jedyną rzeczą, którą chcę zmienić, jest mała wartość, a następnie odtworzenie jej ponownie. Byłoby to o wiele łatwiejsze i szybsze do zrobienia bezpośrednio w przeglądarce.

Wyszukałem trochę w Google i nie znalazłem sposobu, aby to zrobić w Chrome lub Firefox. Czy można to zrobić w jednej z tych przeglądarek, a może w innej?

Chrome:

• W panelu Sieć narzędzi devtools kliknij prawym przyciskiem myszy i wybierz opcję Kopiuj jako cURL
• Wklej / edytuj żądanie, a następnie wyślij je z terminala, zakładając, że masz curlpolecenie

Zobacz zdjęcie:

Ewentualnie, w przypadku konieczności wysłania żądania w kontekście strony internetowej , wybierz „Kopiuj jako pobranie” i edytuj-wyślij zawartość z panelu konsoli javascript.

Firefox:

Firefox umożliwia edycję i ponowne wysyłanie XHR bezpośrednio z panelu Sieć. Poniższe zdjęcie pochodzi z przeglądarki Firefox 36:

Chrome ma teraz Copy as fetch w wersji 67:

Skopiuj jako pobranie

Kliknij prawym przyciskiem myszy żądanie sieciowe, a następnie wybierz opcję Kopiuj> Kopiuj jako pobieranie, aby skopiować fetch()kod -równoważny dla tego żądania do schowka.

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

Przykładowe dane wyjściowe:

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

Różnica polega na tym, że Kopiuj jako cURL będzie zawierać również wszystkie nagłówki żądań (takie jak Cookie i Accept) i nadaje się do ponownego odtwarzania żądania poza Chrome. fetch()Kod jest odpowiedni dla odtwarzając wewnątrz tej samej przeglądarce.

Moje dwie sugestie:

1. Wtyczka Postman do Chrome + wtyczka Postman Interceptor . Więcej informacji: Listonosz przechwytuje dokumenty żądań

2. Jeśli korzystasz z systemu Windows, opcją jest Telerik Fiddler. Ma opcję kompozytora do odtwarzania żądań http i jest bezpłatna.

Aktualizacja / uzupełnianie odpowiedzi zszep :

Po skopiowaniu żądania jako cUrl (bash), po prostu zaimportuj je do aplikacji Postman :

W przypadku przeglądarki Firefox problem sam się rozwiązał. Posiada zaimplementowaną funkcję „Edytuj i wyślij ponownie”.

Wydaje się, że rozszerzenie Chrome Tamper załatwia sprawę.

Minęło 5 lat i twórcy Chrome nie zignorowali tego podstawowego wymagania.
Chociaż nie oferują żadnej metody edycji danych, jak w Firefoksie, oferują pełną powtórkę XHR.
Pozwala to na debugowanie wywołań ajax. „Replay XHR” powtórzy całą transmisję.

Jest na to kilka sposobów, jak wspomniano powyżej, ale z mojego doświadczenia wynika, że ​​najlepszym sposobem na manipulowanie żądaniem XHR i ponowne wysłanie jest użycie narzędzi chrome dla programistów do skopiowania żądania jako żądania cURL (kliknij prawym przyciskiem myszy żądanie na karcie sieciowej ) i po prostu zaimportować do aplikacji Postman (gigantyczny przycisk importu w lewym górnym rogu).

Nie ma potrzeby instalowania rozszerzeń innych firm!

Istnieje fragment kodu javascript , który można dodać jako zakładkę przeglądarki, a następnie aktywować w dowolnej witrynie, aby śledzić i modyfikować żądania. To wygląda jak:

Aby uzyskać dalsze instrukcje, przejrzyj stronę github.