Tôi muốn gỡ lỗi một API REST và xem cách nó được sử dụng từ mã khách hàng rất phức tạp. Sau khi tôi xác định yêu cầu AJAX trong tab Mạng, làm cách nào tôi có thể chuyển đến mã đã tạo?Chrome DevTools: nhảy từ yêu cầu mạng XHR, đến mã đã làm cho nó
là impossible này?
Xem cột "Initiator" trong tab mạng. Nó cho bạn biết mã nào đã bắt đầu cuộc gọi AJAX. Bạn cũng sẽ nhận được một chú giải công cụ có dấu vết ngăn xếp đầy đủ.
Duh. Cảm ơn! Tôi lấy sự tự do để thêm một ảnh chụp màn hình rõ ràng hơn. –
Nếu bạn sử dụng một thư viện như jQuery hoặc Angular để giúp bạn thực hiện cuộc gọi, có cách nào để xem mã nguồn được gọi là các hàm trợ giúp không? – Atav32
@ Atav32: bạn chỉ có thể đi qua ngăn xếp cuộc gọi –
Tôi không có 50 danh tiếng bình luận vì vậy tôi trả lời:
Nếu bạn sử dụng một thư viện như jQuery hoặc góc để giúp bạn thực hiện cuộc gọi, là> có cách để xem mã nguồn được gọi là hàm trợ giúp? -> Atav32 ngày 14 tháng 3 tại 1:01
Nếu bạn muốn tìm cuộc gọi phương thức "thực" thì thêm điểm ngắt trong dòng được đề xuất bởi cột "Initiator" và nhấn "Step out of current function (Shift + F11)" cho đến khi bạn đạt được mã bạn muốn.
Chúc mừng!
bây giờ bạn có ... –
Um, dòng đăng nhập XHR trong bảng điều khiển có cùng đường dẫn như thế nào? – epascarello
Tôi không nghĩ rằng bạn có thể thực hiện việc này sau yêu cầu XHR. Điều duy nhất bạn có thể làm là thiết lập một điểm ngắt XHR, nó sẽ kích hoạt khi XHR được gửi đi. – Barmar