Sử dụng thẻ Điều kiện yêu cầu để chặn các URL cụ thể hoặc áp dụng hồ sơ điều tiết mạng tuỳ chỉnh cho từng tài nguyên.
Tổng quan
Trước đây, Công cụ cho nhà phát triển của Chrome cho phép bạn điều chỉnh tốc độ mạng trên toàn cầu cho toàn bộ phiên (ảnh hưởng đến tất cả các yêu cầu) hoặc chặn hoàn toàn các yêu cầu cụ thể. Tuy nhiên, việc kiểm thử cách ứng dụng của bạn xử lý các tài nguyên cụ thể có tốc độ chậm (chẳng hạn như API của bên thứ ba gặp vấn đề về độ trễ hoặc hình ảnh lớn của trang chủ tải trên một kết nối chậm) là rất khó nếu không làm chậm toàn bộ trang.
Kể từ Chrome 144, DevTools hiện hỗ trợ tính năng Điều tiết yêu cầu riêng lẻ. Bạn có thể chọn các yêu cầu mạng riêng lẻ để áp dụng các điều kiện mạng cụ thể, cùng với khả năng chặn các yêu cầu đó hiện có. Tính năng này chuyển các chức năng trước đây có trong ngăn kéo "Chặn yêu cầu kết nối mạng" sang một ngăn kéo Điều kiện yêu cầu mới và toàn diện hơn. Tính năng này chính xác hơn và cho phép gỡ lỗi nhanh hơn bằng cách chỉ làm chậm các tài nguyên được yêu cầu chứ không phải toàn bộ trang web.
Điều tiết hoặc chặn một yêu cầu
Để chặn hoặc điều tiết một tài nguyên cụ thể, hãy nhấp chuột phải vào bất kỳ yêu cầu nào trong bảng điều khiển Mạng rồi chọn Chặn yêu cầu hoặc Điều tiết yêu cầu cho URL chính xác hoặc toàn bộ miền. Hành động này sẽ tự động mở ngăn Điều kiện yêu cầu, tạo một quy tắc mới cho mục nhập và áp dụng ngay các điều kiện hạn chế mạng đã chọn.
Ngăn chứa các điều kiện của yêu cầu
Trong ngăn Điều kiện yêu cầu mới, bạn có thể kiểm soát những yêu cầu bị ảnh hưởng và mức độ làm chậm các yêu cầu đó.
Bạn có thể tuỳ chỉnh chế độ điều tiết bằng cách chọn các chế độ đặt sẵn tiêu chuẩn (chẳng hạn như 3G chậm) hoặc hồ sơ tuỳ chỉnh của riêng bạn, đồng thời chỉnh sửa mẫu URL bằng ký tự đại diện (*) để áp dụng các điều kiện này cho các tài nguyên động cụ thể hoặc nhóm yêu cầu.
Nếu một yêu cầu khớp với nhiều mẫu, DevTools sẽ áp dụng quy tắc đầu tiên tìm thấy. Bạn có thể kiểm soát thứ tự ưu tiên này bằng cách sử dụng các nút mũi tên trong ngăn để di chuyển các quy tắc có mức độ ưu tiên cao lên đầu danh sách.
Tìm hiểu những yêu cầu bị điều tiết hoặc chặn
Bạn cần phân biệt giữa những yêu cầu chậm một cách tự nhiên và những yêu cầu bị Công cụ cho nhà phát triển điều tiết một cách nhân tạo. Khi bạn tải lại trang, các quy tắc điều tiết mới sẽ được áp dụng. Bạn có thể dễ dàng phát hiện các yêu cầu bị ảnh hưởng trong bảng điều khiển Mạng:
- Các yêu cầu bị chặn sẽ xuất hiện bằng màu đỏ và trạng thái là
(blocked:devtools)trong cột Trạng thái. - Các yêu cầu bị điều tiết sẽ xuất hiện bằng màu vàng hoặc màu vàng kim và có biểu tượng đồng hồ trong cột Thời gian. Bạn có thể di chuột lên biểu tượng để xem chính xác điều kiện mạng nào đang được áp dụng. Thông tin này cũng xuất hiện trên bảng phụ Thời gian.
Việc điều tiết các yêu cầu có thể ảnh hưởng đến hiệu suất của trang. Khi ghi lại hồ sơ hiệu suất, bạn có thể di chuột lên yêu cầu trong bản theo dõi Mạng để xem chú thích nêu chi tiết các điều kiện mạng đã áp dụng.
