Sử dụng bảng điều khiển Mạng để phân tích tải trang và kiểm tra tài nguyên mạng.
Tổng quan
Bảng điều khiển Mạng cho phép bạn:
- Ghi lại hoạt động mạng
- Kiểm tra các yêu cầu mạng
- Lọc và sắp xếp các yêu cầu mạng
- Tiêu đề và phản hồi của mạng tìm kiếm
- Thay đổi hành vi tải
- Chặn yêu cầu mạng
- Thay đổi điều kiện mạng
- Gỡ lỗi quy tắc suy đoán
prefetch - Ghi đè tiêu đề phản hồi HTTP
- Ghi đè tiêu đề cho nhiều URL có ký tự đại diện.
- Lưu và xuất dữ liệu yêu cầu mạng
Hãy xem phần Kiểm tra hoạt động mạng để xem hướng dẫn từng bước khám phá một số tính năng thường dùng nhất trên bảng điều khiển Mạng.
Mở bảng điều khiển Mạng
Để mở bảng điều khiển Mạng, hãy mở Công cụ của Chrome cho nhà phát triển rồi nhấp vào Mạng nằm trong thanh thao tác ở trên cùng.
Ngoài ra, để mở bảng điều khiển Network (Mạng) thông qua Command menu (Trình đơn lệnh), hãy làm theo các bước sau:
- Mở Công cụ cho nhà phát triển.
- Mở trình đơn Command (Lệnh) bằng cách nhấn:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Ctrl+Shift+P
- Bắt đầu nhập
Network, chọn Hiện bảng điều khiển Mạng rồi nhấn phím Enter.
Ghi lại hoạt động mạng
Khi bạn mở Công cụ cho nhà phát triển, các yêu cầu mạng sẽ tự động được ghi lại trong bảng điều khiển Mạng, miễn là Công cụ cho nhà phát triển đang mở.
Ngoài việc quay video, bạn có thể làm những việc sau:
- Dừng ghi lại các yêu cầu mạng.
- Xoá tất cả yêu cầu khỏi bảng Yêu cầu.
- Lưu các yêu cầu trong các lần tải trang.
- Mô phỏng trải nghiệm ngoại tuyến.
- Mô phỏng kết nối mạng chậm hơn.
Kiểm tra các yêu cầu mạng
Tất cả các yêu cầu mạng đều được ghi lại trong bảng Yêu cầu ở giữa bảng điều khiển.
Để tìm hiểu thêm về các cột hiển thị theo mặc định và các cột khác mà bạn có thể thêm, hãy xem bài viết Xem nhật ký yêu cầu.
Nhấp vào tên của một yêu cầu để xem các thẻ có thông tin bổ sung về yêu cầu đó, bao gồm:
- Tiêu đề: Tiêu đề HTTP của tài nguyên đã chọn.
- Tải trọng: Các tham số chuỗi truy vấn và dữ liệu biểu mẫu của một yêu cầu.
- Xem trước: Hiển thị cơ bản của HTML.
- Phản hồi: Mã nguồn HTML của tài nguyên đã chọn.
- Trình khởi tạo: Nguyên nhân khiến tài nguyên được yêu cầu.
- Thời gian: Thông tin chi tiết về hoạt động mạng cho tài nguyên đã chọn.
- Cookie: Cookie của một yêu cầu và phản hồi của yêu cầu đó.
Lọc và sắp xếp các yêu cầu mạng
Bảng điều khiển Mạng cung cấp cho bạn hai cách sắp xếp yêu cầu trong bảng Yêu cầu:
Sau đây là một số cách để lọc yêu cầu trong bảng Yêu cầu:
- Lọc yêu cầu theo tài sản
- Lọc yêu cầu theo loại
- Lọc yêu cầu theo thời gian
- Ẩn URL của dữ liệu
- Ẩn URL của tiện ích
- Chỉ hiển thị các yêu cầu có cookie phản hồi bị chặn
- Chỉ hiển thị các yêu cầu bị chặn
- Chỉ hiển thị các yêu cầu của bên thứ ba
Tìm kiếm tiêu đề và phản hồi của mạng
Để tìm hiểu cách tìm kiếm tiêu đề và phản hồi HTTP của tất cả tài nguyên theo một chuỗi hoặc biểu thức chính quy nhất định, hãy xem phần Tìm kiếm tiêu đề và phản hồi mạng.
Thay đổi hành vi tải
Kiểm thử trải nghiệm người dùng trên trang bằng cách thay đổi hành vi tải trong bảng điều khiển Mạng.
Khi sử dụng bảng điều khiển Mạng, bạn có thể làm những việc sau:
- Mô phỏng khách truy cập lần đầu bằng cách tắt bộ nhớ đệm của trình duyệt
- Xoá bộ nhớ đệm của trình duyệt theo cách thủ công
- Xoá cookie của trình duyệt theo cách thủ công
- Tái tạo ngoại tuyến
- Mô phỏng kết nối mạng chậm
- Ghi đè tiêu đề phản hồi HTTP
- Ghi đè tác nhân người dùng
Lưu và xuất dữ liệu yêu cầu mạng
Để lưu và xuất dữ liệu yêu cầu mạng, hãy xem nội dung sau: