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

Ngày xuất bản: 5 tháng 5 năm 2026

Chrome 148 đặt cây hỗ trợ tiếp cận toàn trang làm mặc định, giới thiệu thông tin chi tiết về nguồn gốc quảng cáo trong chú giải công cụ, cải thiện tính năng gỡ lỗi cho Quy tắc suy đoán và thêm chế độ xem chẩn đoán mới cho báo cáo sự cố.

Công cụ cho nhà phát triển dành cho tác nhân

Máy chủ và CLI MCP của Chrome DevTools đã được cập nhật lên phiên bản 0.25.0 với một số tính năng mới. Bản phát hành này cũng bao gồm nhiều bản sửa lỗi về độ tin cậy, chẳng hạn như tự động xử lý hộp thoại trình duyệt để ngăn chặn việc tập lệnh bị gián đoạn trong quá trình thực thi công cụ.

Các tính năng chính được thêm vào kể từ bản cập nhật gần đây nhất bao gồm:

  • Gỡ lỗi Tiện ích Chrome: Giờ đây, tác nhân có thể nhắm mục tiêu và gỡ lỗi các tiện ích Chrome, cho phép họ trực tiếp kiểm tra các trang và tập lệnh nền dành riêng cho tiện ích.
  • Gọi công cụ WebMCP: Các công cụ thử nghiệm mới cho phép tác nhân liệt kê và thực thi các công cụ WebMCP do trang web hiển thị.
  • Duyệt web theo tác nhân trong Lighthouse: Danh mục kiểm tra "Duyệt web theo tác nhân" mới đánh giá xem một trang web có được tối ưu hoá cho web theo tác nhân hay không, chẳng hạn như bằng cách xác thực các lượt đăng ký công cụ WebMCP.

Để bắt đầu sử dụng các tính năng này và nhiều tính năng khác, hãy xem kho lưu trữ GitHub có ghi chú phát hành chi tiết.

Cây hỗ trợ tiếp cận đầy đủ theo mặc định

Bảng điều khiển Elements (Phần tử) có nút bật/tắt chế độ hỗ trợ tiếp cận mới trong thanh bên.

Cây hỗ trợ tiếp cận đầy đủ chính thức rời khỏi giai đoạn thử nghiệm và vẫn là chế độ xem mặc định trong bảng điều khiển Phần tử. Với quá trình chuyển đổi này, cây hỗ trợ tiếp cận kiểu đường dẫn cũ đã bị xoá khỏi nguồn để nhường chỗ cho chế độ xem toàn diện hơn này.

Để đơn giản hoá giao diện, Chrome 148 sẽ xoá nút hành động nổi từng được dùng để chuyển đổi giữa cây DOM và cây hỗ trợ tiếp cận. Giờ đây, bạn có thể chuyển đổi chế độ xem bằng cách sử dụng nút chuyển đổi chuyên dụng nằm trong thẻ Hỗ trợ tiếp cận ở thanh bên.

Vấn đề về Chromium: 40808541

Các điểm cải tiến về tải theo suy đoán

Phần Tải theo suy đoán trở nên mạnh mẽ hơn để gỡ lỗi quá trình tải trước:

  • Lọc văn bản: Giờ đây, bạn có thể lọc danh sách quy tắc và lượt thử bằng văn bản tự do hoặc bộ lọc có khoá (ví dụ: url:, status:).
  • Mã trạng thái HTTP: Đối với các lượt thử không thành công, mã trạng thái HTTP thực tế (như 404 hoặc 503) hiện được hiển thị trực tiếp trong lưới.
  • Gửi biểu mẫu: Bảng điều khiển hiện xác định và hiển thị rõ ràng form_submission làm trình kích hoạt cho quá trình tải trước.

Vấn đề về Chromium: 479524246, 40926909

Đây là đóng góp của cộng đồng, cảm ơn @hjanuschka!

Bảng điều khiển Ứng dụng, trong đó thanh bộ lọc Quy tắc suy đoán mới và bối cảnh Báo cáo sự cố được làm nổi bật.

Ngữ cảnh báo cáo sự cố

Phần Báo cáo sự cố mới trong thanh bên của bảng điều khiển Ứng dụng cho phép bạn kiểm tra các báo cáo sự cố do trình duyệt tạo. Đối với mỗi báo cáo, Công cụ cho nhà phát triển hiện hiển thị một lưới Ngữ cảnh chi tiết chứa các thuộc tính cặp khoá-giá trị liên quan đến sự cố, giúp bạn dễ dàng tương quan các sự cố với các trạng thái hoặc cấu hình khung hình cụ thể.

Vấn đề về Chromium: 400432195

Truy vấn @container chỉ có tên

Công cụ cho nhà phát triển hiện hỗ trợ các truy vấn @container chỉ có tên. Trước đây, các truy vấn không có bộ mô tả (như @container sidebar) có thể không được phản ánh đúng trong thẻ Kiểu. Các truy vấn này hiện được kết xuất và liên kết chính xác trong phần thuộc tính kiểu.

Thu gọn các phần không đóng góp

Để giảm bớt sự lộn xộn, thẻ Kiểu hiện tự động thu gọn các phần không đóng góp bất kỳ khai báo nào đang hoạt động. Các quy tắc trống hoặc chỉ chứa các thuộc tính bị quá tải (bị các quy tắc khác ghi đè) sẽ được thu gọn theo mặc định, trong khi các phần có thuộc tính bị tắt vẫn được mở rộng để dễ dàng gỡ lỗi hơn.

Vấn đề về Chromium: 40287550, 351662727

Thứ tự yêu cầu và mức điều tiết được đề xuất

  • Cột Yêu cầu # : Giờ đây, bạn có thể thêm cột Yêu cầu # không bắt buộc vào bảng điều khiển Mạng. Cột này hiển thị thứ tự tuyệt đối mà các yêu cầu được khởi tạo và hỗ trợ sắp xếp.
  • Mức điều tiết được đề xuất: Trình đơn thả xuống điều tiết của bảng điều khiển Mạng hiện làm nổi bật các giá trị đặt sẵn được đề xuất dựa trên dữ liệu thực tế (CrUX) từ người dùng trang web của bạn, giúp phù hợp với các đề xuất đã có trong bảng điều khiển Hiệu suất.

Bảng điều khiển Mạng và Tình trạng mạng, trong đó cột Yêu cầu # mới và chế độ điều tiết được đề xuất được làm nổi bật.

Vấn đề về Chromium: 40276422, 456383409

Nguồn gốc quảng cáo trong Adorner

Công cụ cho nhà phát triển hiện cung cấp thông tin minh bạch hơn về lý do các phần tử được gắn thẻ là quảng cáo. Khi bạn di chuột qua Adorner quảng cáo trong bảng điều khiển Phần tử, một chú giải công cụ mới sẽ hiển thị nguồn gốc quảng cáo.

Chú giải công cụ cung cấp ngữ cảnh về lý do phần tử được xác định là quảng cáo, chẳng hạn như:

  • Hệ thống phân cấp tập lệnh: Những tập lệnh nào tham gia vào việc tạo phần tử.
  • Quy tắc danh sách bộ lọc: Quy tắc cụ thể từ danh sách bộ lọc (ví dụ: EasyList) khớp với phần tử hoặc tài nguyên mà phần tử đó tải.

Điều này giúp nhà phát triển và nhà nghiên cứu về quyền riêng tư hiểu được "lý do" đằng sau việc gắn thẻ quảng cáo và giúp gỡ lỗi các kết quả dương tính giả.

Vấn đề về Chromium: 490029725, 495842556

Thông tin nổi bật khác

  • Mô phỏng: Đã khắc phục một lỗi tồn tại lâu, trong đó việc chụp ảnh màn hình toàn trang đôi khi sẽ khiến khung nhìn ở trạng thái "bị rò rỉ" hoặc bị hỏng (495385035).
  • WebAuthn: Đã thêm tính năng hỗ trợ kiểm thử hmac-secrethmac-secret-mc các tiện ích bằng trình xác thực ảo (420689820).
  • Bộ nhớ: Cải thiện phản hồi khi kích hoạt thủ công quá trình thu thập rác bằng thông báo snackbar mới (493708151).
  • Kiểm tra đối tượng: Đã xoá thử nghiệm show-option-to-expose-internals-in-heap-snapshot ; hộp đánh dấu hiện được hiển thị theo mặc định (497855658).