Tôi muốn xem dữ liệu POST HTTP đã được gửi trong Chrome.
Bây giờ dữ liệu đã có trong bộ nhớ và tôi có khả năng gửi lại biểu mẫu.
Tôi biết rằng nếu tôi gửi lại máy chủ sẽ báo lỗi, liệu tôi có thể xem dữ liệu trong bộ nhớ của Chrome không?
Câu trả lời:
Voila!
Bạn có thể lọc các yêu cầu POST HTTP bằng DevTools của Chrome . Chỉ cần làm như sau:
method:POSTẢnh chụp màn hình
Đã thử nghiệm với Chrome Phiên bản 53.
method:POSTrất hữu ích
Bạn có thể sử dụng phiên bản Chrome của Canary để xem tải trọng yêu cầu của các yêu cầu POST.
Một tùy chọn khác có thể hữu ích là một công cụ gỡ lỗi HTTP chuyên dụng. Có sẵn một vài thứ, tôi đề nghị Bộ công cụ HTTP : một dự án nguồn mở mà tôi đang làm việc (vâng, tôi có thể bị thiên vị) để giải quyết vấn đề tương tự cho chính tôi.
Sự khác biệt chính là khả năng sử dụng và sức mạnh. Các công cụ phát triển Chrome rất tốt cho những điều đơn giản và tôi khuyên bạn nên bắt đầu từ đó, nhưng nếu bạn đang cố gắng tìm hiểu thông tin ở đó và bạn cần thêm lời giải thích hoặc nhiều sức mạnh hơn thì các công cụ tập trung thích hợp có thể hữu ích!
Trong trường hợp này, nó sẽ hiển thị cho bạn toàn bộ cơ thể POST mà bạn đang tìm kiếm, với trình chỉnh sửa thân thiện và tô sáng (tất cả được cung cấp bởi Mã VS ) để bạn có thể tìm hiểu xung quanh. Tất nhiên, nó sẽ cung cấp cho bạn các tiêu đề yêu cầu và phản hồi, nhưng với thông tin bổ sung như tài liệu từ MDN ( Mạng của nhà phát triển Mozilla ) cho mọi tiêu đề và mã trạng thái tiêu chuẩn bạn có thể thấy.
Một bức tranh đáng giá cả ngàn câu trả lời của StackOverflow:
Những người khác đã đưa ra những câu trả lời rất hay, nhưng tôi muốn hoàn thành công việc của họ với một công cụ phát triển bổ sung. Nó được gọi là Tiêu đề HTTP Trực tiếp và bạn có thể cài đặt nó vào Firefox của mình và trong Chrome, chúng tôi có cùng một trình cắm như thế này .
Làm việc với nó là hàng đợi dễ dàng.
Sử dụng Firefox của bạn, điều hướng đến trang web mà bạn muốn nhận yêu cầu bài đăng của mình đến đó.
Trong menu Firefox của bạn Công cụ-> Tiêu đề http trực tiếp
Một cửa sổ mới bật lên cho bạn và tất cả các chi tiết về phương thức http sẽ được lưu trong cửa sổ này cho bạn. Bạn không cần phải làm gì trong bước này.
Trong trang web, thực hiện một hoạt động (đăng nhập, gửi biểu mẫu, v.v.)
Nhìn vào phích cắm của bạn trong cửa sổ. Đó là tất cả ghi lại.
Chỉ cần nhớ bạn cần phải kiểm tra các Capture .
Nó có một tình huống khó khăn: Nếu bạn gửi biểu mẫu bài đăng, thì Chrome sẽ mở một tab mới để gửi yêu cầu. Cho đến bây giờ, nhưng nếu nó kích hoạt một sự kiện để tải xuống tệp , tab này sẽ đóng ngay lập tức để bạn không thể nắm bắt yêu cầu này trong Công cụ Dev.
Giải pháp: Trước khi gửi biểu mẫu bài đăng, bạn cần phải cắt mạng của mình , điều này khiến cho yêu cầu không thể gửi thành công để tab sẽ không bị đóng. Và sau đó, bạn có thể chụp thông báo yêu cầu trong Devtool Chrome (Làm mới tab mới nếu cần)