Cách dễ dàng để xem các cuộc gọi AJAX đang được thực hiện là gì?

Question

Tôi đang tìm một thứ gì đó (tốt nhất là một phần mở rộng của Firefox), nó sẽ cho phép tôi xem tất cả các yêu cầu con AJAX. Về cơ bản, bất cứ khi nào một XMLHTTPRequest() được tạo ra, tôi muốn biết URL nào đã được yêu cầu và những gì (nếu có) các biến GET và POST được truyền đi cùng với nó.

Trừ khi tôi bỏ lỡ, tôi không thấy bất cứ điều gì giống như thế này trong Firebug hoặc Thanh công cụ dành cho nhà phát triển web.

(Trong trường hợp bạn tò mò, lý do chính cho việc này là tôi muốn xóa một bản sao cục bộ của trang đang sử dụng JS để tải tất cả nội dung của nó và tôi không muốn bỏ ra hàng giờ đào qua mã JS của họ khi tôi chỉ có thể xem các yêu cầu phụ được thực hiện.)

Answer 1

Firebug sẽ hiển thị trong bảng điều khiển Net.

EDIT: Ngoài ra, nếu Firebug chậm Firefox của bạn theo một cách mà làm cho nó không sử dụng được, giống như nó làm cho tôi đôi khi, WireShark (trước đây là Ethereal) sẽ phân tích tất cả các lưu lượng mạng trên hệ thống của bạn, bao gồm cả HTTP và yêu cầu AJAX .

Answer 2

Fiddler 2 là một công cụ tuyệt vời để xem lưu lượng truy cập HTTP.

* 2014 Update *

Từ bài ban đầu của tôi, cả hai trình duyệt Internet Explorer và Chrome đã bổ sung tích hợp các công cụ phát triển mà là khá hữu ích. Mặc dù tôi vẫn hỗ trợ và sử dụng Fiddler cho việc giám sát http không liên quan đến web hoặc khi tôi cần thực sự tìm hiểu sâu và sửa đổi các yêu cầu chuyển tiếp, những ngày này tôi thấy mình sử dụng IE hoặc các công cụ tích hợp sẵn của Chrome khi chúng đủ 99% nhu cầu của tôi. Cả hai đều có một tab mạng, nơi bạn có thể theo dõi các yêu cầu http, cộng với các tính năng tiện lợi khác để gỡ lỗi các trang web.

• Internet Explorer F12 Tools Introduction
• Documentation for Chrome's F12 Tools
• FireBug, which is mentioned above cũng là một công cụ tốt nếu bạn đang sử dụng FireFox.

Answer 3

Firebug hiển thị chúng trong cả bảng điều khiển Net và giao diện Bảng điều khiển. Tuy nhiên, bạn cần bật "Hiển thị XMLHttpRequests".

Answer 4

Tôi đã sử dụng gần như tất cả các công cụ lớn ngoài kia (fiddler, firebug, httpfox, live http headers). Cách tốt nhất theo ý kiến ​​của tôi là HTTPFox nếu bạn đang sử dụng Firefox vì nó có khả năng lọc dễ dàng, cho phép bạn xem JSON yêu cầu/phản hồi của bạn dưới dạng thô hoặc được định dạng và giao diện trên tất cả rất sạch sẽ.

Ngoài ra, tôi không thể làm mà không có WFetch để thử nghiệm dịch vụ web và nội dung AJAX. Thông thường tôi sẽ nhận yêu cầu từ HTTPFox và dán nó vào WFetch. Bằng cách này tôi không phải đi qua trình duyệt mỗi lần. Tôi chỉ cần nhấn F5 trong WFetch để phát lại yêu cầu và tôi trực tiếp sửa đổi yêu cầu.

Lưu ý phụ: Trong WFetch, hãy cẩn thận về độ dài nội dung nếu bạn có tải trọng POST. Nếu bạn sửa đổi tải trọng, độ dài nội dung cần được thay đổi khi thích hợp. Vì lý do này, tôi lưu yêu cầu của tôi trong một tệp và trỏ WFetch vào tệp. Trong tập tin chính nó rất dễ dàng để biết chiều dài của dòng và thay đổi độ dài nội dung đó.

alt text http://blog.koreus.com/wp-content/uploads/2008/09/httpfox.png

alt text http://www.port80software.com/assets/images/ld_wfetch3.gif

Answer 5

Hãy nhìn vào Tamper dữ liệu là tốt. Đó là một tiện ích bổ sung của Firefox cho phép bạn xem xét từng yêu cầu HTTP riêng lẻ (bao gồm mọi dữ liệu bài đăng) và phản hồi cũng như các tiêu đề của cả hai. Tôi đã tìm thấy nó rất hữu ích để gỡ lỗi các vấn đề AJAX ... mặc dù Firebug hoạt động tốt.