Sử dụng bảng điều khiển Mạng để phân tích quá trình 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 kết nối 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 các yêu cầu kết nối mạng
- Thay đổi điều kiện mạng
- Gỡ lỗi
prefetch
quy tắc suy đoán - Ghi đè tiêu đề phản hồi HTTP
- Ghi đè tiêu đề cho nhiều URL bằng ký tự đại diện.
- Lưu và xuất dữ liệu yêu cầu mạng
Hãy xem bài viết Kiểm tra hoạt động mạng để xem hướng dẫn có hướng dẫn tìm hiểu một số tính năng thường dùng nhất của 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ụ cho nhà phát triển rồi nhấp vào Mạng nằm trong thanh hành động ở trên cùng.
Ngoài ra, để mở bảng điều khiển Network (Mạng) thông qua 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 lệnh bằng cách nhấn:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Bắt đầu nhập
Network
, chọn Hiển thị bảng điều khiển Mạng rồi nhấn 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 về 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 ghi âm, bạn có thể làm các việc sau:
- Dừng ghi 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 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 yêu cầu mạng
Tất 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 các thông tin sau:
- Tiêu đề: Tiêu đề HTTP của tài nguyên đã chọn.
- Tải trọng: Các tham số chuỗi của truy vấn và dữ liệu biểu mẫu của một yêu cầu.
- Xem trước: Kết xuất 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 hệ thống yêu cầu một tài nguyên.
- Thời gian: Bảng 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 Mạng cung cấp cho bạn hai cách để sắp xếp các 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 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
Tiêu đề và phản hồi của mạng tìm kiếm
Để tìm hiểu cách tìm kiếm tiêu đề HTTP và phản hồi của tất cả các tài nguyên cho một chuỗi hoặc biểu thức chính quy nhất định, hãy xem phần Tiêu đề và phản hồi của Mạng tìm kiếm.
Thay đổi hành vi tải
Kiểm tra trải nghiệm người dùng trên trang của bạn 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
- Mô phỏng khi không có mạng
- 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 các mục sau: