Cách sử dụng trình gỡ lỗi mạng của Chrome với các chuyển hướng


379

Trình gỡ lỗi mạng Chrome cung cấp cho tôi chế độ xem tuyệt vời về tất cả các tài nguyên HTTP được tải cho một trang. Nhưng nó xóa danh sách bất cứ khi nào một trang HTML cấp cao nhất mới được tải. Điều này làm cho việc gỡ lỗi các trang tự động tải lại vì lý do này hay lý do khác (chạy tập lệnh hoặc 300 phản hồi) rất khó khăn.

Tôi có thể yêu cầu Chrome không xóa trình gỡ lỗi mạng khi trang cấp cao nhất mới được tải không? Hoặc tôi có thể quay lại và xem tài nguyên mạng của trang trước không?

Hoặc bằng cách nào đó tôi có thể buộc Chrome tạm dừng trước khi tải trang mới khi tôi không kiểm soát trang tôi đang cố gắng gỡ lỗi đang thực hiện chuyển hướng? Đó là một phần của một điệu nhảy OpenID đang diễn ra, vì vậy sự kết hợp giữa SSL và thông tin đăng nhập khiến việc gỡ lỗi với các công cụ dòng lệnh trở nên vô cùng khó khăn.


Làm thế nào mà bản sao này nhận được nhiều lượt upvote hơn so với bài được đăng 1 tháng trước đó? stackoverflow.com/q/10703944/632951
Pacerier

6
@Pacerier Người bạn liên kết dường như không được đăng bởi bạn, nhưng lý do có thể là nó không có "Chrome" trong tiêu đề. Khi mọi người đang tìm kiếm thứ gì đó liên quan đến Chrome, tìm kiếm của họ thường bao gồm từ khóa Chrome. "Công cụ dành cho nhà phát triển của Google" vô cùng mơ hồ.
Joel Mellon

Câu trả lời:


527

Điều này đã được thay đổi kể từ v32, cảm ơn @Daniel Alexiuc & @Thanatos vì những bình luận của họ.


Hiện hành (32 v32)

Ở đầu tab "Mạng" của DevTools, có một hộp kiểm để bật chức năng "Bảo tồn nhật ký". Nếu được chọn, nhật ký mạng được giữ nguyên khi tải trang.

Tab mạng Chrome v33 DevTools: Bảo tồn Nhật ký

Dấu chấm nhỏ màu đỏ bên trái bây giờ có mục đích để bật và tắt hoàn toàn việc đăng nhập mạng.


Các phiên bản cũ hơn

Trong các phiên bản cũ hơn của Chrome (v21 tại đây), có một chấm đỏ nhỏ, có thể nhấp trong phần chân trang của tab "Mạng".

Tab mạng Chrome v22 DevTools: Giữ nhật ký khi điều hướng

Nếu bạn di chuột qua nó, nó sẽ cho bạn biết rằng nó sẽ "Bảo toàn Nhật ký khi Điều hướng" khi được kích hoạt. Nó giữ lời hứa.


1
Trong phiên bản 32, nó vẫn ở đó, nhưng đã di chuyển lên trên cùng của bảng điều khiển mạng.
Daniel Alexiuc

4
Trên thực tế, bây giờ nó ở trên cùng, nhưng được gọi là "Bảo tồn nhật ký" và là một hộp kiểm. Một cách khó hiểu, vẫn còn một biểu tượng bản ghi màu đỏ, nhưng đó chỉ là liệu có nên đăng nhập hay không.
Thanatos

1
Cảm ơn đã bình luận về sự thay đổi, tôi chỉ cập nhật câu trả lời cho phù hợp.
bfncs

@ruben, giao diện thực sự trông hơi khác một chút, nhưng vẫn có một hộp kiểm có nhãn "Bảo tồn nhật ký" ở đầu tab mạng: i.imgur.com/fhSDYSz.png
bfncs

14
@ rubenlop88 Đảm bảo bạn không lọc Tài liệu , nếu không chúng sẽ không tồn tại ở đó. Bạn có thể kiểm tra chúng cụ thể trong tab Khác .
alex

173

Tôi không biết cách buộc Chrome không xóa trình gỡ lỗi Mạng, nhưng điều này có thể thực hiện những gì bạn đang tìm kiếm:

  1. Mở bảng điều khiển js
  2. window.addEventListener("beforeunload", function() { debugger; }, false)

Điều này sẽ tạm dừng chrome trước khi tải trang mới bằng cách nhấn một điểm dừng.


55
Đây không phải là câu trả lời đúng cho câu hỏi, nhưng thực ra đó là điều tôi đang tìm kiếm. Cảm ơn.
isaaclw

2
Điều này là rất trơn tru. Tôi đã đến đây để tìm kiếm một giải pháp "tạm dừng trước khi chuyển hướng" và đây là. Câu trả lời được chấp nhận dễ nhớ hơn nhưng đây là rad.
Joel Mellon

19
Điều này cực kỳ hữu ích, vì chrome không hiển thị phần thân phản hồi của máy chủ, nếu trình duyệt chuyển hướng ngay sau khi nhận được phản hồi.
Kristóf Dombi 8/10/2015

23

Chỉ cần cập nhật câu trả lời @bfncs

Tôi nghĩ xung quanh Chrome 43 hành vi đã được thay đổi một chút. Bạn vẫn cần bật Nhật ký bảo quản để xem, nhưng bây giờ chuyển hướng được hiển thị trong tab Khác, khi tài liệu được tải được hiển thị dưới Tài liệu.

Điều này luôn làm tôi bối rối, vì tôi có rất nhiều yêu cầu mạng và lọc nó theo loại XHR, Doc, JS, v.v. Nhưng trong trường hợp chuyển hướng, tab Doc trống, vì vậy tôi phải đoán.


1
Bạn là người hùng tôi đang tìm kiếm!
Matthew Haworth

23

Một giải pháp tuyệt vời khác để gỡ lỗi các cuộc gọi Mạng trước khi chuyển hướng đến các trang khác là chọn beforeunloadđiểm dừng sự kiện

Bằng cách này, bạn đảm bảo phá vỡ luồng ngay trước khi chuyển hướng nó sang trang khác, theo cách này, tất cả các cuộc gọi mạng, dữ liệu mạng và nhật ký giao diện điều khiển vẫn còn đó.

Giải pháp này là tốt nhất khi bạn muốn kiểm tra phản hồi của các cuộc gọi là gì

Điểm dừng sự kiện trước khi tải của Chrome

PS: Bạn cũng có thể sử dụng các điểm ngắt XHR nếu bạn muốn dừng ngay trước một cuộc gọi cụ thể hoặc bất kỳ cuộc gọi nào (xem ví dụ hình ảnh) Điểm dừng XHR


2
Điều đó thật tuyệt. Với loadsự kiện này, chúng ta có thể dừng lại ở đầu và thiết lập điểm dừng dễ dàng. Cảm ơn!
LeOn - Han Li
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.