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

Matthias Rohmer

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

Chrome 150 cải thiện khả năng gỡ lỗi bộ nhớ cho DevTools đối với các tác nhân, nâng cao khả năng hỗ trợ của AI bằng nhiều tiện ích hơn và bổ sung các chức năng chỉnh sửa đầy đủ cho các quy tắc @container và @function CSS.

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.4.0, Chrome DevTools cho tác nhân đã mở rộng đáng kể khả năng gỡ lỗi và tự động hoá trình duyệt dựa trên tác nhân.

Các tính năng và điểm cải tiến chính kể từ bản phát hành gần đây nhất bao gồm:

• Bộ công cụ gỡ lỗi bộ nhớ (--experimentalMemory): Giờ đây, các tác nhân có thể trực tiếp chụp và phân tích ảnh chụp nhanh vùng nhớ khối xếp V8 để chẩn đoán tình trạng rò rỉ bộ nhớ JavaScript và phân tích hệ thống phân cấp giữ lại đối tượng.
• Quản lý tiện ích trên Chrome (--categoryExtensions): Các tác nhân có thể quản lý vòng đời của tiện ích (cài đặt, gỡ cài đặt, tải lại, liệt kê) và ghi lại nhật ký bảng điều khiển của trình chạy dịch vụ ở chế độ nền để chẩn đoán.
• Các kỹ năng được nhóm của tác nhân: Giờ đây, thư mục skills/ được xuất bản trực tiếp trong bản phân phối gói npm, cho phép các tác nhân khách hàng MCP tự động khám phá và thực thi các quy trình công việc duyệt web và gỡ lỗi chuyên biệt.
• Tối ưu hoá mã thông báo và đầu ra: Việc giới hạn kích thước ảnh chụp màn hình ở nguồn giúp giảm mức tiêu thụ mã thông báo và tính năng hỗ trợ TOON (Ký hiệu đối tượng hướng mã thông báo) thử nghiệm giúp tối ưu hoá định dạng dữ liệu có cấu trúc.
• Cải thiện chế độ điều hướng và bối cảnh: list_pages hiện bao gồm tiêu đề trang cùng với URL và mã nhận dạng mục tiêu để cải thiện việc chọn bối cảnh nhiều thẻ, trong khi các lựa chọn cấu hình allowedUrlPattern và blockedUrlPattern sẽ thực thi chế độ bảo mật phạm vi duyệt web nghiêm ngặt.

Để biết thông tin cập nhật mới nhất về Công cụ cho nhà phát triển dành cho các tác nhân và để đóng góp, hãy truy cập vào kho lưu trữ GitHub.

Thông tin chi tiết chuyên sâu hơn trong trợ lý AI

Bảng điều khiển Trợ lý AI sẽ tiếp tục phát triển, cung cấp thêm thông tin chi tiết trong Hướng dẫn cho nhân viên hỗ trợ. Giờ đây, 9 tiện ích bổ sung có dữ liệu từ các bảng điều khiển Lighthouse, Mạng, Nguồn và Hiệu suất. Các tiện ích này giúp bạn hiểu rõ hơn về dữ liệu mà Gemini sử dụng khi gọi các công cụ tác nhân để truy xuất sự kiện hiệu suất, nội dung tài nguyên, yêu cầu mạng và nhiều nội dung khác.

Vấn đề về Chromium: 460763995

Hỗ trợ chỉnh sửa đầy đủ cho nhiều quy tắc @CSS hơn

Thẻ Styles (Kiểu) trong bảng điều khiển Elements (Phần tử) mang đến các chức năng tạo mới cho các tính năng CSS hiện đại:

• Chỉnh sửa quy tắc @container tại chỗ: Giờ đây, bạn có thể chỉnh sửa trực tiếp tên vùng chứa và điều kiện truy vấn trong các quy tắc CSS @container, cho phép thử nghiệm liền mạch với các thiết kế truy vấn vùng chứa thích ứng.
• Chỉnh sửa quy tắc CSS @function: Đã thêm chế độ hỗ trợ chỉnh sửa đầy đủ cho các quy tắc CSS tuỳ chỉnh @function.
• Chỉnh sửa quy tắc @counter-style: Đã thêm tính năng hoàn thành mã cho các thuộc tính list-style-type, liên kết trực tiếp các thuộc tính này với định nghĩa @counter-style tương ứng.
• Thu gọn các quy tắc không đóng góp: Chế độ cài đặt lựa chọn ưu tiên mới cho phép bạn thu gọn các quy tắc kiểu CSS không đóng góp, chỉ tập trung vào các kiểu đang hoạt động trong ngăn Kiểu.

Các vấn đề về Chromium: 507611251, 41491726, 480080406, 351662727, 514846131

Loại bỏ các điểm ngắt trùng lặp và hỗ trợ bản đồ nguồn đệ quy trong phần Sources (Nguồn)

Bảng điều khiển Nguồn có độ chính xác gỡ lỗi được cải thiện trên các quy trình xây dựng hiện đại phức tạp:

• Loại bỏ các điểm ngắt trùng lặp theo logic: Giờ đây, các điểm đánh dấu điểm ngắt trong rãnh đã được loại bỏ trên các gói phân chia mã và các mẫu được biên dịch SSR/máy khách bằng cách sử dụng tính năng liên kết vị trí được phân giải gần nhất. Điều này giúp ngăn chỉ báo điểm ngắt trùng lặp khi gỡ lỗi mã được chia sẻ trên nhiều đoạn hoặc môi trường.
• EvalOrigin đệ quy và bản đồ nguồn lồng nhau: Trình gỡ lỗi hiện hỗ trợ các cấu trúc EvalOrigin đệ quy và các chuỗi dịch lồng nhau trên bản đồ nguồn, đảm bảo dấu vết ngăn xếp chính xác và hành vi từng bước trong quy trình biên dịch nhiều giai đoạn.
• Phím tắt chuyển đến dòng: Thêm ALT + G làm phím tắt bổ sung cho thao tác điều hướng "Chuyển đến dòng" trong trình chỉnh sửa để tránh xung đột với phím tắt mới của Gemini trong Chrome.
• Định dạng thuộc tính nhập: Đã cập nhật trình phân tích cú pháp Acorn cơ bản để hỗ trợ định dạng in đẹp cho cú pháp thuộc tính nhập JavaScript tiêu chuẩn.

Các vấn đề về Chromium: 493674242, 485142682, 480172712, 491167992

Bảo mật và tăng cường bảo mật trên nhiều nguồn trong Công cụ cho nhà phát triển

Giống như nhiều sản phẩm phần mềm khác, gần đây chúng tôi nhận thấy số lượng báo cáo bảo mật tăng lên đáng kể, trong đó có nhiều báo cáo được phát hiện nhờ AI. Nhóm này không ngừng xem xét và khắc phục những vấn đề này để đảm bảo DevTools luôn an toàn:

• Các biện pháp bảo vệ chống tấn công tự thực thi tập lệnh (self-XSS) cho tính năng Biểu thức trực tiếp: Đã thêm hộp thoại cảnh báo và cơ chế bảo vệ chống tấn công tự thực thi tập lệnh (self-XSS) khi tạo Biểu thức trực tiếp trong Bảng điều khiển.
• Danh sách cho phép điều hướng của Trình ghi và xác minh phát lại: Giờ đây, bảng điều khiển Trình ghi sẽ thực thi danh sách cho phép điều hướng nghiêm ngặt để ngăn điều hướng đến các trang có đặc quyền cao, cùng với quy trình xác minh nguồn gốc tiện ích bổ sung nghiêm ngặt trong các phần phát lại.
• Các quy định hạn chế về việc ghi đè mạng của tiện ích: Các tiện ích hiện quản lý chế độ ghi đè mạng sẽ thực thi nghiêm ngặt các chính sách về máy chủ lưu trữ runtime_blocked_hosts.
• Cấu trúc @font-facean toàn: Tái cấu trúc quá trình tạo quy tắc @font-face bằng API CSSStyleSheet và quá trình chuyển đổi chuỗi URL an toàn để ngăn chặn việc chèn CSS thông qua URL dữ liệu.

Thông tin nổi bật 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: Đã khắc phục tình trạng tăng kích thước chuyển TraceTree đối với các yêu cầu mạng được lưu vào bộ nhớ đệm bằng cách buộc kích thước chuyển thành 0 byte khi xác định các lượt truy cập bộ nhớ đệm.
• Hiệu suất: Cập nhật trình định dạng hiệu suất để hỗ trợ dữ liệu thực tế tại trang deviceScope không bắt buộc của Báo cáo trải nghiệm người dùng trên Chrome (CrUX).
• Hiệu suất: Bật tính năng cuộn ngang trong các bảng Cây lệnh gọi để ngăn việc cắt bớt dấu ba chấm trên các URL tệp dài.
• Hiệu suất: Đã khắc phục lỗi kết xuất lại và lỗi hỏng trạng thái DOM trong thanh bên Thông tin chi tiết trên nhiều tệp dấu vết.
• Hiệu suất: Đã di chuyển chế độ theo dõi việc vô hiệu hoá dòng thời gian và các chế độ cài đặt chế độ gỡ lỗi từ cờ thử nghiệm sang các chế độ cài đặt tiêu chuẩn của Công cụ cho nhà phát triển.
• Mạng: Đã khôi phục tên cột không chính xác để khôi phục cột Có chế độ ghi đè và đã sửa logic sắp xếp cho chế độ ghi đè tiêu đề và nội dung.
• Mạng: Đã khắc phục kiểu CSS attr() trong các thanh thác nước Server-Timing để màu được tạo theo từng hàng hiển thị đúng cách.
• Mạng: Đã khắc phục lỗi tạo lệnh Sao chép dưới dạng cURL cho cookie không tên.
• Ứng dụng: Các mục bộ nhớ cục bộ và bộ nhớ phiên được kết nối trong bảng Ứng dụng bằng cơ sở hạ tầng StorageAgent mới.
• Ứng dụng: Đã sửa đổi thứ tự ưu tiên trạng thái Tải suy đoán để những URL thành công cả trong quá trình tìm nạp trước và kết xuất trước sẽ hiển thị chính xác là "đã kết xuất trước".
• Ứng dụng: Chú thích giá trị chính xác theo byte xuất hiện trên các cột trong chế độ xem Heap Snapshot.
• Vấn đề: Đã hiển thị loại vấn đề BackUINavigationWouldSkipAd bất cứ khi nào thao tác quay lại sẽ bỏ qua các mục quảng cáo.
• Vấn đề: Thêm tính năng hỗ trợ để hiển thị các vấn đề về yêu cầu xác minh email (EmailVerificationRequestIssue).
• Lighthouse: Thêm hộp đánh dấu danh mục Duyệt web bằng tác nhân (theo mặc định là tắt) vào bảng điều khiển cấu hình Lighthouse và cập nhật công cụ Lighthouse đi kèm lên phiên bản 13.3.0.

Các vấn đề về Chromium: 518021339, 40908621, 517519019, 487755345, 505284391, 465915378, 512908993, 40543651

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

Chrome 150 mang đến một số điểm cải tiến cho thông báo của trình đọc màn hình, cấu trúc tiện ích và ngữ nghĩa ARIA trên DevTools:

• Các thông báo của trình đọc màn hình sẽ chính xác hơn khi bạn chọn thẻ và di chuyển đến các phần trong thẻ Kiểu.
• Thêm chú thích mô tả vào biểu tượng đóng hộp thoại và cho phép các thuộc tính mô tả và thông tin chi tiết ARIA trên chú thích.
• Thực thi các vai trò ARIA menuitem nghiêm ngặt trên các mục trong trình đơn theo bối cảnh để cải thiện thao tác cho công nghệ hỗ trợ.

Vấn đề về Chromium: 510013788