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

Matthias Rohmer

Xuất bản: Ngày 28 tháng 7 năm 2026

Chrome 151 giới thiệu thêm các tiện ích cho phần Hướng dẫn về tác nhân trong tính năng trợ lý AI, thông tin chi tiết về độ đặc hiệu CSS trong thẻ Kiểu, hỗ trợ phần tử giả ::interest-button và các bản cập nhật lớn cho máy chủ MCP của DevTools.

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

Trong các bản phát hành gần đây cho đến v1.6.0, Chrome DevTools cho tác nhân đã mở rộng đáng kể các chức năng gỡ lỗi cho các tác nhân mã hoá như Antigravity, Claude, Codex và nhiều tác nhân khác.

Các bản cập nhật từ phiên bản 1.4.0 đến 1.6.0 bao gồm:

• Cải thiện khả năng gỡ lỗi bộ nhớ: Công cụ get_heapsnapshot_duplicate_strings mới phát hiện tình trạng lãng phí bộ nhớ do việc phân bổ chuỗi dư thừa trong vùng nhớ khối xếp JavaScript. get_heapsnapshot_details trả về tổng số đối tượng và tổng hợp kích thước bộ nhớ, tổng hợp ảnh chụp nhanh vùng nhớ khối xếp có thể lọc, đường dẫn giữ lại gốc GC và cho phép so sánh bộ nhớ giữa các ảnh chụp nhanh.
• Mã hoá định dạng GCF (experimentalGcfFormat): Đã thêm tính năng hỗ trợ các phản hồi của công cụ được mã hoá GCF để tối ưu hoá băng thông và hiệu quả phân tích cú pháp cho các ứng dụng hỗ trợ.
• Định tuyến trang nhiều tác nhân đồng thời và các bối cảnh riêng biệt: --experimentalPageIdRouting cho phép các tác nhân phụ song song hoạt động đồng thời trên các thẻ trình duyệt khác nhau bằng cách sử dụng tính năng định tuyến pageId rõ ràng. Chế độ --isolated và các tham số isolatedContext tạo hồ sơ và bộ nhớ tạm thời của Chrome cho mỗi phiên.

Để tìm hiểu thêm và bắt đầu, hãy truy cập vào kho lưu trữ Công cụ cho nhà phát triển dành cho các tác nhân trên GitHub.

Trợ giúp AI

Hình ảnh/Bản ghi màn hình: Bảng trợ lý AI cho thấy tiện ích mới trong dòng Network Track và hướng dẫn tương tác có hỗ trợ bảng GFM.

Bảng điều khiển Hỗ trợ của AI tiếp tục phát triển, cung cấp thêm thông tin chi tiết trong Hướng dẫn về tác nhân bằng tiện ích Network Track (Theo dõi mạng) chuyên biệt (hiển thị hoạt động mạng hiệu suất nội tuyến bằng thao tác nhấp một lần để phóng to phạm vi thời gian trong bảng điều khiển Hiệu suất) và tiện ích Network Requests List (Danh sách yêu cầu mạng) (hiển thị các thông số yêu cầu có cấu trúc trong các bảng tương tác).

Ngoài ra, các thông báo phản hồi hiện hỗ trợ đầy đủ việc hiển thị các bảng Markdown theo kiểu GitHub (GFM) để tóm tắt dữ liệu dạng bảng được định dạng.

Phân tích mức độ cụ thể của CSS và khả năng hỗ trợ ::interest-button

Bảng Elements (Phần tử) cung cấp các công cụ kiểm tra và tạo CSS chuyên sâu hơn cho các API nền tảng web hiện đại:

• Thông tin chi tiết về độ cụ thể của CSS: Giờ đây, khi di chuột lên tên bộ chọn trong thẻ Kiểu, bạn sẽ thấy một chú giải công cụ chi tiết cho biết cách từng lớp, mã nhận dạng, phần tử hoặc giả lớp đóng góp vào việc tính toán độ cụ thể (a, b, c). Đây là nội dung do cộng đồng đóng góp, cảm ơn @hjanuschka!
• Phần tử giả ::interest-button: Giờ đây, DevTools sẽ phân tích cú pháp và trình bày đầy đủ phần tử giả ::interest-button CSS mới (một phần của quy cách interesttarget HTML) trong phần phác thảo cây Phần tử và thẻ Kiểu.
• Liên kết mục tiêu không đồng bộ cho các thuộc tính mối quan hệ HTML: Các thuộc tính HTML như popovertarget, interesttarget và commandfor hiện tìm nạp không đồng bộ và liên kết trực quan các nút DOM mục tiêu của chúng trong dòng.
• Kết xuất trì hoãn cho biểu định kiểu lớn: Giờ đây, thẻ Styles (Kiểu) sử dụng tính năng trang trí thuộc tính trì hoãn khi một phần tử vượt quá 200 thuộc tính CSS, giúp giảm thời gian chặn kết xuất từ vài giây xuống còn vài mili giây.

Các vấn đề về Chromium: 353436867, 453705247, 524406293, 457696384, 524131115

Gỡ lỗi bộ nhớ: Phân bổ ngữ cảnh gốc và giữ lại đóng

Giờ đây, việc chẩn đoán các lỗi rò rỉ bộ nhớ JavaScript phức tạp trong các ứng dụng web có nhiều khung hình hoặc nhiều bối cảnh sẽ trở nên rõ ràng hơn đáng kể trong bảng điều khiển Bộ nhớ:

• Phân bổ ngữ cảnh V8 gốc: Giờ đây, ảnh chụp nhanh heap sẽ thực thi một thuật toán phân bổ gồm 2 giai đoạn. Suy luận con trỏ tĩnh giải quyết các bản đồ native_context, trong khi khả năng tiếp cận đồ thị theo dõi các đối tượng còn lại. Các đối tượng có thể truy cập từ một ngữ cảnh gốc duy nhất được phân bổ trực tiếp cho ngữ cảnh đó, trong khi các đối tượng có thể truy cập từ nhiều ngữ cảnh được phân loại vào một nhóm ngữ cảnh dùng chung.
• Bộ lọc"Retained by Context" (Được giữ lại theo ngữ cảnh): Một bộ lọc giao diện người dùng mới trong chế độ xem Heap Snapshot (Ảnh chụp nhanh heap) cho phép bạn tách biệt các đối tượng được giữ lại riêng thông qua các đối tượng ngữ cảnh đóng JavaScript.
• Thứ tự hiển thị thuộc tính có thể định cấu hình: Một nút bật/tắt mới trong trình đơn theo bối cảnh, Sắp xếp các thuộc tính theo bảng chữ cái (được bật theo mặc định), cho phép bạn chuyển đổi giữa sắp xếp theo bảng chữ cái và thứ tự chèn thuộc tính JS ban đầu khi kiểm tra các thuộc tính đối tượng heap.

Các vấn đề về Chromium: 497855658, 423838364, 40833016

Promisified Extension API và tăng cường bảo mật

API tiện ích Công cụ cho nhà phát triển đã được cập nhật bằng các mẫu không đồng bộ hiện đại và các chế độ kiểm soát bảo mật chặt chẽ hơn:

• Hỗ trợ Promise gốc: Các phương thức không đồng bộ trong chrome.devtools.network (getHAR(), Request.getContent()), chrome.devtools.panels và chrome.devtools.inspectedWindow (eval(), getResources(), Resource.getContent(), Resource.setContent()) hiện trả về các đối tượng Promise JavaScript tiêu chuẩn khi được gọi mà không có tham số lệnh gọi lại.
• Ranh giới bảo mật của tiện ích: Giờ đây, các tiện ích của Công cụ cho nhà phát triển bị hạn chế tìm nạp tài nguyên HAR của các URL mục tiêu bị chặn, phải đáp ứng các quyền extensionsOnChromeUrls để đánh giá trên nhiều tiện ích trong inspectedWindow.eval và thực thi các quy trình kiểm tra allowFileAccess đối với các tài nguyên file://.

Các điểm nổi bật và bản sửa lỗi khác

Bản phát hành này có một số điểm cải tiến nhỏ và các bản sửa lỗi như sau:

• Hiệu suất: Đã thêm các điểm đánh dấu dòng thời gian Soft FCP (Nội dung đầu tiên hiển thị) cùng với các điểm đánh dấu Soft LCP và Soft Navigation, với tiêu đề ngăn thông tin chi tiết được cập nhật.
• Hiệu suất: Đã thêm các biện pháp bảo vệ để bỏ qua các quy trình kiểm tra áp lực tính toán trong quá trình hiệu chỉnh điều tiết CPU trên các thiết bị Android không hỗ trợ PressureObserver.
• Mạng: Cập nhật tính năng Sao chép dưới dạng cURL để thêm tiền tố --url vào URL mục tiêu nhằm ngăn chặn việc diễn giải sai cờ dòng lệnh cho các URL có tiền tố là dấu gạch ngang.
• Nguồn: Đã bật tính năng phân giải phạm vi bản đồ nguồn theo mặc định, cải thiện khả năng phân giải phạm vi biến và loại bỏ việc thu nhỏ biểu tượng trong quá trình gỡ lỗi.
• Settings (Cài đặt): Cập nhật các chế độ đặt sẵn của thiết bị được mô phỏng cho các mẫu iPhone và Pixel mới hơn có phần lồng ghép vùng an toàn đã xác minh, đồng thời điền sẵn các trường User-Agent của thiết bị tuỳ chỉnh bằng navigator.userAgent. (Vấn đề về Chromium: 40718410, 518215252)
• Cài đặt: Cập nhật trình đơn thả xuống Xử lý đường liên kết để hiển thị tiêu đề tiện ích thân thiện với người dùng thay vì URL gốc của tiện ích thô.
• Lighthouse: Cập nhật mô-đun Lighthouse đi kèm lên phiên bản 13.4.0. (Vấn đề về Chromium: 40543651)

Cải thiện khả năng hỗ trợ tiếp cận

Chrome 151 mang đến những điểm cải tiến sau đây về khả năng hỗ trợ tiếp cận:

• Các phần tử: Khôi phục khả năng hiển thị của các biểu tượng thanh công cụ được bật tắt (chẳng hạn như nút Tiếp tục thực thi tập lệnh) trong chế độ Tương phản cao / @media (forced-colors: active) của Windows bằng cách xoá các chế độ ghi đè background-color xung đột. (Vấn đề về Chromium: 519762185)
• Bảng điều khiển: Đã thêm chú thích title toàn văn có thể truy cập cho các giá trị chuỗi LiveExpression bị cắt ngắn trong Ghim trên bảng điều khiển.