Tính năng mới trong Công cụ cho nhà phát triển (Chrome 121)

Sofia Emelianova
Sofia Emelianova

Thanh bộ lọc tinh giản trong bảng điều khiển Mạng

Thanh bộ lọc được thiết kế lại để giúp bạn lọc các yêu cầu dễ dàng hơn và giảm bớt nội dung không cần thiết trong bảng điều khiển Mạng.

Thử nghiệm tương ứng được bật theo mặc định trong phiên bản này nhưng sẽ được khôi phục. Bạn có thể theo dõi tiến trình trong crbug.com/1523150.

Thanh bộ lọc mới có hai trình đơn thả xuống: một trình đơn để chọn loại yêu cầu và một trình đơn khác để ẩn dữ liệu và URL của tiện ích hoặc chỉ hiện các cookie và yêu cầu bị chặn, cũng như các yêu cầu của bên thứ ba. Cả hai trình đơn này đều hỗ trợ lựa chọn nhiều mục.

Để khôi phục ngay thanh bộ lọc cũ, hãy tắt Cài đặt > Thử nghiệm > Thiết kế lại thanh bộ lọc trong bảng điều khiển Mạng.

Hình ảnh trước và sau khi tinh giản thanh bộ lọc trong bảng điều khiển Mạng.

Bạn có thể gửi ý kiến phản hồi về tính năng này tại crbug.com/1500573.

Vấn đề về Chromium: 1486431.

Cải thiện các phần tử

Hỗ trợ của @font-palette-values

Giờ đây, bảng điều khiển Elements (Phần tử) hỗ trợ quy tắc @ trong CSS @font-palette-values. Thuộc tính này cho phép bạn tuỳ chỉnh các giá trị mặc định của thuộc tính font-palette.

Trong Kiểu, hãy nhấp vào giá trị của thuộc tính font-palette và DevTools sẽ đưa bạn đến mục @font-palette-values chuyên dụng, nơi bạn có thể chỉnh sửa các giá trị tuỳ chỉnh.

Phần @font-palette-values trong Styles (Kiểu).

Vấn đề về Chromium: 1501781.

Trường hợp được hỗ trợ: Thuộc tính tuỳ chỉnh làm thuộc tính dự phòng của một thuộc tính tuỳ chỉnh khác

Elements (Phần tử) > Styles (Kiểu) hiện giải quyết một thuộc tính tuỳ chỉnh là giải pháp dự phòng của một thuộc tính tuỳ chỉnh khác.

Trước và sau khi phân giải một thuộc tính tuỳ chỉnh làm dự phòng cho một thuộc tính tuỳ chỉnh khác.

Vấn đề về Chromium: 1499265.

Cải thiện khả năng hỗ trợ bản đồ nguồn

Cài đặt > Thử nghiệm > Giải quyết tên biến trong biểu thức bằng cách sử dụng bản đồ nguồn đã được bật theo mặc định.

Công cụ cho nhà phát triển sử dụng bản đồ nguồn để cho phép bạn gỡ lỗi mã gốc trong NguồnPhạm vi ngay cả sau khi bạn đã kết hợp, giảm thiểu hoặc biên dịch mã đó. Thử nghiệm này cho phép bạn đánh giá nhất quán tên biến ban đầu trên Công cụ cho nhà phát triển, bao gồm nhưng không giới hạn ở:

Để biết thêm thông tin chi tiết, hãy xem RFC tương ứng.

Vấn đề về Chromium: 1444349.

Cải thiện bảng điều khiển Hiệu suất

Theo dõi Lượt tương tác nâng cao

Đường theo dõi Hiệu suất > Tương tác có các đường đánh dấu cho biết độ trễ đầu vào và độ trễ trình bày tại các ranh giới thời gian xử lý.

Hình ảnh trước và sau khi thêm râu vào bản nhạc Tương tác.

Ngoài ra, khi di chuột qua một lượt tương tác, bạn có thể thấy một chú giải công cụ hữu ích nêu chi tiết thời gian.

Vấn đề về Chromium: 1495751.

Lọc nâng cao trong các thẻ Từ dưới lên, Cây lệnh gọi và Nhật ký sự kiện

Các thẻ Bottom-Up (Từ dưới lên), Call Tree (Cây lệnh gọi) và Event Log (Nhật ký sự kiện) trong bảng Performance (Hiệu suất) có 3 nút mới để lọc nâng cao:

  • Khớp chữ hoa/chữ thường.
  • Biểu thức chính quy.
  • Khớp toàn bộ từ.

Ba nút mới để lọc nâng cao.

Ngoài ra, để giúp bạn giữ được bối cảnh, giờ đây, chỉ những mục ở cấp cao nhất mới khớp với bộ lọc trong thẻ Từ dưới lên. Trước đây, bộ lọc này khớp với mọi nút.

Vấn đề về Chromium: