Tôi đã tìm cách thay đổi yêu cầu XHR được thực hiện trong trình duyệt của mình và sau đó phát lại yêu cầu đó. Giả sử tôi có một yêu cầu POST hoàn chỉnh được thực hiện trong trình duyệt của mình và điều duy nhất tôi muốn thay đổi là một giá trị nhỏ và sau đó phát lại. Điều này sẽ dễ dàng hơn nhiều và nhanh hơn để làm trực tiếp trong trình duyệt.

Tôi đã tìm hiểu một chút về Google và chưa tìm được cách nào để làm điều này trong Chrome hoặc Firefox. Có cách nào để làm điều đó trong một trong những trình duyệt đó, hoặc có thể một trình duyệt khác không?

Trình duyệt Chrome :

• Trong bảng điều khiển Mạng của devtools, nhấp chuột phải và chọn Sao chép dưới dạng cURL
• Dán / Chỉnh sửa yêu cầu, sau đó gửi nó từ một thiết bị đầu cuối, giả sử bạn có curllệnh

Xem chụp:

Ngoài ra, và trong trường hợp bạn cần gửi yêu cầu trong ngữ cảnh của trang web , chọn "Sao chép khi tìm nạp" và chỉnh sửa - gửi nội dung từ bảng điều khiển javascript.

Firefox:

Firefox cho phép chỉnh sửa và gửi lại XHR ngay từ bảng điều khiển Mạng. Chụp dưới đây là từ Firefox 36:

Chrome hiện có Sao chép dưới dạng tìm nạp trong phiên bản 67:

Sao chép dưới dạng tìm nạp

Bấm chuột phải vào một yêu cầu mạng, sau đó chọn Sao chép> Sao chép dưới dạng Tìm nạp để sao chép fetch()mã tương đương cho yêu cầu đó vào khay nhớ tạm của bạn.

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

Đầu ra mẫu:

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

Sự khác biệt là Sao chép dưới dạng cURL cũng sẽ bao gồm tất cả các tiêu đề yêu cầu (như Cookie và Chấp nhận) và phù hợp để phát lại yêu cầu bên ngoài Chrome. Các fetch()code đang thích hợp cho phát lại bên trong cùng một trình duyệt.

Hai gợi ý của tôi:

1. Plugin Postman của Chrome + Plugin Postman Interceptor . Thông tin thêm: Postman Chụp yêu cầu Tài liệu

2. Nếu bạn đang dùng Windows thì Fiddler của Telerik là một lựa chọn. Nó có tùy chọn nhà soạn nhạc để phát lại các yêu cầu http và hoàn toàn miễn phí.

Cập nhật / hoàn thành câu trả lời zszep :

Sau khi sao chép yêu cầu dưới dạng cUrl (bash), chỉ cần nhập nó trong Ứng dụng Postman :

Đối với Firefox, vấn đề tự giải quyết. Nó có tính năng "Chỉnh sửa và gửi lại" được triển khai.

Đối với tiện ích mở rộng Chrome Tamper dường như thực hiện thủ thuật.

Có một số cách để làm điều này, như đã đề cập ở trên, nhưng theo kinh nghiệm của tôi, cách tốt nhất để xử lý yêu cầu XHR và gửi lại là sử dụng các công cụ chrome dev để sao chép yêu cầu dưới dạng yêu cầu cURL (nhấp chuột phải vào yêu cầu trong tab mạng ) và chỉ cần nhập vào ứng dụng Postman (nút nhập khổng lồ ở trên cùng bên trái).

5 năm đã trôi qua và yêu cầu thiết yếu này đã không bị các nhà phát triển Chrome bỏ qua.
Mặc dù họ không cung cấp phương pháp nào để chỉnh sửa dữ liệu như trong Firefox, nhưng họ cung cấp phát lại XHR đầy đủ.
Điều này cho phép gỡ lỗi các cuộc gọi ajax. "Phát lại XHR" sẽ lặp lại toàn bộ truyền.

Không cần cài đặt tiện ích mở rộng của bên thứ 3!

Có tồn tại đoạn mã javascript , mà bạn có thể thêm dưới dạng dấu trang trình duyệt và sau đó kích hoạt trên bất kỳ trang web nào để theo dõi và sửa đổi các yêu cầu. Nó có vẻ như:

Để được hướng dẫn thêm, xem lại trang github.