Yêu cầu giám sát trong Chrome

Question

Trong Firefox, tôi sử dụng Firebug cho phép tôi xem mọi yêu cầu http ajax của tôi đang thực hiện. Tôi đã chuyển sang phát triển Chrome và tôi thích nó cho đến nay. Tuy nhiên, khiếu nại duy nhất của tôi là các công cụ nhà phát triển dường như không cho phép bạn xem từng yêu cầu ajax. Tôi đã có nó xảy ra một lần nơi bảng điều khiển Tài nguyên cho thấy nhiều yêu cầu đến cùng một tài nguyên, nhưng nó chỉ thực hiện nó một lần và không bao giờ trở lại.

Có cách nào để xem một cách đáng tin cậy mọi yêu cầu http mà một trang đang thực hiện thông qua javascript từ bên trong Chrome không?

[Edit: 11/30/09 11:55]

Hiện nay, để làm được việc này, tôi đang chạy Fiddler bên cạnh Chrome để xem yêu cầu của tôi, nhưng nếu có một cách để làm điều đó từ bên trong trình duyệt, tôi thích điều đó hơn.

Answer 1

Tôi biết đây là một chủ đề cũ nhưng tôi nghĩ tôi sẽ kêu vang trong.

Chrome hiện đã là một giải pháp xây dựng trong

1. Sử dụng CTRL+SHIFT+I. (Hoặc điều hướng đến Current Page Control > Developer > Developer Tools. Trong các phiên bản mới hơn của Chrome, nhấp vào biểu tượng Cờ lê> Công cụ> Công cụ dành cho nhà phát triển.) Để bật Công cụ dành cho nhà phát triển.
2. Từ trong công cụ nhà phát triển, nhấp vào nút Network. Nếu nó chưa được bật, hãy bật nó cho phiên hoặc luôn luôn.
3. Nhấp vào nút phụ "XHR".
4. Bắt đầu một số AJAX call.
5. Bạn sẽ thấy các mục bắt đầu hiển thị ở cột bên trái bên dưới "Resources".
6. Nhấp vào tài nguyên và có 2 tab hiển thị tiêu đề và trả lại nội dung.

Answer 2

Bạn có thể sử dụng Fiddler là công cụ miễn phí tốt.

Answer 3

Câu trả lời cập nhật nhất cho điều này là: chúng được liệt kê dưới nút 'Mạng' trong công cụ nhà phát triển, không còn trong 'Tài nguyên' như trước đây nữa.

Answer 4

không biết là trong đó phiên bản chrome này có sẵn, nhưng tôi tìm thấy một thiết lập 'Console - Đăng XMLHttpRequests' (nhấp vào biểu tượng ở góc dưới bên phải của công cụ phát triển trong chrome trên mac)

Answer 5

Bạn cũng có thể nhấp chuột phải vào trang trong trình duyệt và chọn "Kiểm tra phần tử" để hiển thị các công cụ dành cho nhà phát triển.

https://developer.chrome.com/devtools

Answer 6

Bạn cũng có thể sử dụng liên kết này trong Chrome để biết thông tin chi tiết hơn so với thanh tra viên đã làm nó.

chrome://net-internals/#events 

Điều này cho thấy các bản ghi của tất cả các yêu cầu của trình duyệt trong khi mở

Answer 7

Cảm ơn tất cả người cố gắng giúp trong bài này

Tôi có ubuntu 13.10 và phiên bản chrome của tôi là 34.0

Đối với tình hình của tôi làm việc này

1.open developer tools in chrome(or use right click on your page and then select inspect element) 
2.go to "Network" tab 
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link 

bây giờ bạn sẽ thấy một Panel mới ở phía trước của bạn yêu cầu

in this panel select "Response" tab 

Answer 8

Trong bước 5 của Phil, "Tài nguyên" không còn có sẵn trong phiên bản Chrome mới. Bạn cần nhấp vào biểu tượng trang ngay bên cạnh trang Ajax được liệt kê trong ngăn dưới cùng với các cột Tên, Phương thức, Trạng thái, ...

Sau đó, nó sẽ hiển thị cho bạn nhiều bảng hơn nơi bạn sẽ tìm thấy thông báo lỗi.

Answer 9

Mở DevTools của bạn và nhấn F1 để truy cập cài đặt. Tìm phần giao diện điều khiển và chọn hộp kiểm cho "Log XMLHttpRequests".

Bây giờ tất cả ajax của bạn và các yêu cầu tương tự khác sẽ được ghi lại trong bảng điều khiển.

Tôi thích phương pháp này vì nó thường cho phép tôi xem mọi thứ tôi đang tìm kiếm trong bảng điều khiển mà không phải chuyển đến tab mạng.