IT박스

XHR chrome / firefox 등을 편집하고 재생 하시겠습니까?

itboxs 2020. 8. 12. 07:59
반응형

XHR chrome / firefox 등을 편집하고 재생 하시겠습니까?


내 브라우저에서 만든 XHR 요청을 변경 한 다음 다시 재생하는 방법을 찾고있었습니다. 내 브라우저에서 완전한 POST 요청이 완료되고 변경하고 싶은 유일한 것은 작은 값인 다음 다시 재생하는 것입니다. 이것은 브라우저에서 직접 수행하는 것이 훨씬 쉽고 빠릅니다.

나는 구글을 조금 봤지만 크롬이나 파이어 폭스에서 이것을 할 수있는 방법을 찾지 못했다. 이러한 브라우저 중 하나 또는 다른 브라우저에서 수행 할 수있는 방법이 있습니까?


크롬 :

  • devtools의 네트워크 패널에서 마우스 오른쪽 버튼을 클릭하고 cURL로 복사를 선택합니다.
  • 요청을 붙여 넣거나 편집 한 다음 curl명령 이 있다고 가정하고 터미널에서 보냅니다.

캡처 참조 :

여기에 이미지 설명 입력

또는 웹 페이지 컨텍스트에서 요청을 보내야하는 경우 '가져 오기로 복사'를 선택 하고 자바 스크립트 콘솔 패널에서 콘텐츠를 수정하고 전송합니다.


Firefox :

Firefox를 사용하면 네트워크 패널에서 바로 XHR을 편집하고 다시 보낼 수 있습니다. 아래 캡처는 Firefox 36에서 가져온 것입니다.

여기에 이미지 설명 입력


내 두 가지 제안 :

  1. Chrome의 Postman 플러그인 + Postman 인터셉터 플러그인 . 추가 정보 : 우편 배달부 캡처 요청 문서

  2. Windows를 사용하는 경우 Telerik의 Fiddler가 옵션입니다. http 요청을 재생하는 작성기 옵션이 있으며 무료입니다.


Chrome은 이제 버전 67에서 Copy as fetch 가 있습니다.

가져 오기로 복사

Right-click a network request then select Copy > Copy As Fetch to copy the fetch()-equivalent code for that request to your clipboard.

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

Sample output:

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

The difference is that Copy as cURL will also include all the request headers (such as Cookie and Accept) and is suitable for replaying the request outside of Chrome. The fetch() code is suitable for replaying inside of the same browser.


Updating/completing zszep answer:

After copying the request as cUrl (bash), simply import it in the Postman App:

여기에 이미지 설명 입력


For Firefox the problem solved itself. It has the "Edit and Resend" feature implemented.

Chrome Tamper 확장 프로그램의 경우 트릭을 수행하는 것 같습니다.


위에서 언급했듯이이를 수행하는 몇 가지 방법이 있지만 내 경험상 XHR 요청을 조작하고 다시 보내는 가장 좋은 방법은 크롬 개발 도구를 사용하여 요청을 cURL 요청으로 복사하는 것입니다 (네트워크 탭에서 요청을 마우스 오른쪽 버튼으로 클릭). ) Postman 앱으로 가져 오기만하면됩니다 (왼쪽 상단의 거대한 가져 오기 버튼).

참고 URL : https://stackoverflow.com/questions/28775123/edit-and-replay-xhr-chrome-firefox-etc

반응형