Chrome Dev Tools: Làm cách nào để theo dõi mạng cho một liên kết mở tab mới?

Tôi muốn theo dõi hoạt động mạng xảy ra khi tôi nhấp vào một liên kết. Vấn đề là liên kết mở một tab mới và rõ ràng Công cụ Dev hoạt động trên mỗi tab mà nó được mở. "Bảo toàn Nhật ký khi Điều hướng" không giúp ích.

Giải pháp hiện tại của tôi là chuyển sang FireFox và HttpFox không có vấn đề này. Tôi tự hỏi làm thế nào tất cả các nhà phát triển cho Chrome quản lý, điều này nghe có vẻ khá cơ bản (tất nhiên tôi đã tìm kiếm câu trả lời, không tìm thấy điều gì hữu ích).

Hãy xem chrome://net-internals/#events(hoặc chrome://net-exporttrong phiên bản Chrome mới nhất) để biết tổng quan chi tiết về tất cả các sự kiện mạng xảy ra trong trình duyệt của bạn.

Giải pháp khả thi khác, tùy thuộc vào sự cố cụ thể của bạn, có thể là bật 'Bảo toàn nhật ký' trên tab 'Mạng':

và buộc tất cả các liên kết mở trong cùng một tab bằng cách thực thi đoạn mã sau trong bảng điều khiển:

[].forEach.call(document.querySelectorAll('a'),
    function(link){
        if(link.attributes.target) {
            link.attributes.target.value = '_self';
        }
    });

window.open = function(url) {
    location.href = url;
};

Các yêu cầu tính năng được đề cập trong bình luận của phsource đã được thực hiện.

Trong các phiên bản gần đây (bắt đầu với Chrome 50), bạn có thể chuyển đến menu Cài đặt công cụ dành cho nhà phát triển (mở Công cụ dành cho nhà phát triển, sau đó sử dụng menu 3 chấm hoặc nhấn F1) và chọn hộp có nội dung "Tự động mở DevTools cho cửa sổ bật lên".

Trong Chrome 61.0.3163.100, giờ đây bạn có sẵn tùy chọn sau. Nó được truy cập bằng cách đi tới Cài đặt Chrome Dev Tools. Nó ở dưới cùng.

• Thêm / cập nhật liên kết đến target="_self"
• Kiểm tra "lưu giữ nhật ký khi điều hướng" trong tab Mạng.
• Nhấp vào liên kết và nhận được yêu cầu của bạn đăng nhập

Bạn có thể làm theo cách này:

1. đặt đích = "any_window_name" trên liên kết mong muốn.
2. nhấp vào liên kết đó một lần, để mở nó trong tab mới.
3. Trong tab mở, công cụ phát triển mở.

4. quay trở lại trang gốc và nhấn liên kết đó một lần nữa.

   Kết quả sẽ được tải trong cửa sổ đã chuẩn bị với các công cụ dành cho nhà phát triển được mở.

   Bạn có thể kích hoạt tùy chọn "lưu nhật ký" trong các công cụ dev (xem trong câu trả lời xuất sắc của Konrad Dzwinel) để bắt bất kỳ lưu lượng chuyển hướng nào trên liên kết đó.

   Lưu ý : hầu hết mọi người quen thuộc với mục tiêu liên kết ∈ {_elf, _blank, _parent, _top}. Nhưng thực tế, bất kỳ tên nào cũng có thể được cung cấp, điều này sẽ mở ra một cửa sổ mới với tên đó và mọi lần nhấp tiếp theo vào liên kết, biểu mẫu hoặc window.open có cùng giá trị đích sẽ được mở trong cùng một cửa sổ. đọc thêm - mdn: window.open , mdn: <a> thẻ

Trong trường hợp liên kết đã mở không chuyển hướng, bạn có thể mở tab Mạng trong tab mới sau đó làm mới tab.

Nhấn nhanh F12khi tab mới mở

https://stackoverflow.com/a/13747562/660408

Hoạt động với tôi khi tôi theo dõi phản hồi tải xuống Google Drive

* Tuyên bố miễn trừ trách nhiệm: Được đăng bởi Nhà phát triển của httpWatch *

HttpWatch trên Windows có thể ghi lại lưu lượng truy cập mạng được tạo khi tab hoặc cửa sổ Chrome mới được mở bằng cách bật tự động ghi trong Công cụ-> Tùy chọn-> Ghi. Trong cửa sổ mới, nhấp vào biểu tượng HttpWatch để xem theo dõi mạng.

Các phiên bản miễn phí sẽ cung cấp thông tin cơ bản như URL, mã trạng thái và thời gian trôi qua cho mỗi yêu cầu.

* Tuyên bố miễn trừ trách nhiệm: Được đăng bởi Nhà phát triển của httpWatch *