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

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

Chrome 149 mang đến những bản nâng cấp lớn cho tính năng hỗ trợ AI, giới thiệu các công cụ gỡ lỗi WebMCP thử nghiệm trong bảng điều khiển Ứng dụng và mở rộng khả năng hỗ trợ tính năng hoàn tất mã sang CSS.

Công cụ cho nhà phát triển dành cho nhân viên hỗ trợ

Máy chủ MCP và CLI của Công cụ của Chrome cho nhà phát triển dành cho các tác nhân hiện đã ổn định chính thức! Hãy đọc toàn bộ thông báo tại đây.

Các tính năng chính và công cụ mới được thêm vào cho đến bản phát hành v1.1.1 bao gồm:

  • Công cụ tuỳ chỉnh của bên thứ ba, được hiển thị trên trang: giờ đây, các trang có thể xác định công cụ gỡ lỗi tuỳ chỉnh thông qua JavaScript, có thể phát hiện và gọi được bằng Công cụ cho nhà phát triển đối với các tác nhân.
  • Gỡ lỗi WebMCP: Giờ đây, Công cụ cho nhà phát triển dành cho các tác nhân có thể liệt kê và thực thi các công cụ WebMCP.
  • Mô phỏng tiêu đề HTTP tuỳ chỉnh: Thêm chế độ hỗ trợ cho tiêu đề HTTP (chẳng hạn như mã thông báo Xác thực hoặc tác nhân người dùng tuỳ chỉnh) vào công cụ mô phỏng.

Các công cụ của bên thứ ba và tính năng gỡ lỗi WebMCP vẫn đang trong giai đoạn thử nghiệm và chưa được bật theo mặc định. Hãy xem tài liệu tham khảo về công cụ để biết thông tin về cách sử dụng các công cụ này. Chúng tôi sẽ cung cấp thêm tài liệu trên developer.chrome.com khi các tính năng đó sẵn sàng để sử dụng trong thực tế.

Để biết thông tin cập nhật mới nhất về DevTools cho các tác nhân và để đóng góp, hãy truy cập vào kho lưu trữ trên GitHub. Bắt đầu với tài liệu của chúng tôi hoặc tìm hiểu nhanh qua phiên video toàn diện tại Google I/O Tăng tốc quy trình làm việc lập trình AI bằng Chrome DevTools cho các tác nhân.

Trợ giúp AI

Bảng điều khiển trợ lý AI đã được cập nhật đáng kể về giao diện người dùng và có các công cụ mới để cải thiện trải nghiệm đàm thoại cũng như cung cấp thông tin chi tiết chuyên sâu hơn về trang:

  • Hướng dẫn về tác nhân: Giờ đây, tính năng hỗ trợ của AI sẽ hiển thị các tiện ích ngay trong giao diện trò chuyện thay vì văn bản thuần tuý ở định dạng Markdown. Các tiện ích này bao gồm Core Web Vitals và thông tin chi tiết liên quan, các phần tử LCP, thông tin chi tiết về LCP, hoạt động của luồng từ dưới lên và nhiều thông tin khác. Đường liên kết Reveal (Hiện) bên trong tiện ích sẽ đưa bạn đến nguồn của thông tin này trong Công cụ cho nhà phát triển.
  • Sao chép vào tác nhân lập trình: Giờ đây, các cuộc trò chuyện sẽ kết thúc bằng một nút chuyên dụng để sao chép cuộc trò chuyện (dưới dạng lời nhắc tóm tắt hoặc cuộc trò chuyện nguyên văn) để bạn dán vào tác nhân lập trình mà bạn chọn.
  • Nâng cấp các chức năng: Giờ đây, hệ thống trợ giúp AI có quyền truy cập vào Lighthouse và thông tin chi tiết liên quan, cho phép hệ thống phân tích toàn diện trang của bạn và đưa ra lời khuyên có mục tiêu.
  • Câu trả lời chính xác hơn: Nhờ sử dụng Gemini 3 và phần mở đầu tinh tế, tính năng trợ lý AI sẽ đưa ra câu trả lời ngắn gọn và thiết thực hơn.
  • Cải thiện trải nghiệm điều hướng: Giờ đây, bạn có thể di chuyển qua các câu lệnh trò chuyện trước đó bằng cách sử dụng các phím Mũi tên lênMũi tên xuống. Nhờ đó, bạn có thể tinh chỉnh hoặc chạy lại các câu hỏi trước một cách nhanh chóng và trực quan.
Sự hỗ trợ của AI với câu lệnh "Làm cách nào để cải thiện hiệu suất của trang này?" trên trang web minh hoạ Astro.js DevTools Times, cho thấy hướng dẫn từng bước của Agent, các tiện ích và tính năng Sao chép vào Agent lập trình cho Antigravity.

Hãy cho chúng tôi biết ý kiến của bạn bằng cách bình luận về lỗi phản hồi dành riêng cho vấn đề này. Để hỗ trợ tính năng Sao chép vào tác nhân lập trình, chúng tôi sẽ ngừng hỗ trợ các bản sửa lỗi tự động về kiểu thông qua sự trợ giúp của AI, bắt đầu từ Chrome 152.

WebMCP

Bản phát hành này giới thiệu các công cụ gỡ lỗi WebMCP thử nghiệm trong thanh bên của bảng điều khiển Ứng dụng. WebMCP (Giao thức ngữ cảnh mô hình web) cho phép các trang web đăng ký các công cụ mà tác nhân LLM truy cập có thể sử dụng. Tìm hiểu thêm về tiêu chuẩn được đề xuất trong tài liệu của chúng tôi.

Các công cụ gỡ lỗi mới cho phép nhà phát triển:

  • Kiểm tra các công cụ phía máy khách và giản đồ của chúng.
  • Chạy thủ công quá trình thực thi công cụ bằng các thông số tuỳ chỉnh.
  • Theo dõi và lọc các sự kiện gọi công cụ đang hoạt động hoặc đang chờ xử lý.
  • Giám sát trạng thái thực thi và kiểm tra tải trọng trả về.

WebMCP là một tiêu chuẩn web được đề xuất ở giai đoạn xem trước sớm. Bật cờ #devtools-webmcp-support#enable-webmcp-testing trên chrome://flags để bắt đầu thử nghiệm.

Các công cụ gỡ lỗi WebMCP mới trong bảng điều khiển Ứng dụng của Công cụ cho nhà phát triển.
Các công cụ gỡ lỗi WebMCP mới kiểm tra trang web minh hoạ L'Atelier, cho thấy các lệnh gọi công cụ trước đây, các công cụ hiện có và các lựa chọn lọc.

Vấn đề về Chromium: 494516094

Hoàn tất mã cho CSS

Giờ đây, thẻ Kiểu có tính năng hoàn tất mã cho CSS bằng Gemini, dựa trên khả năng hỗ trợ cho bảng điều khiển và bảng điều khiển Nguồn. Bật tính năng đề xuất mã trong phần Cài đặt > Đổi mới nhờ AI > Đề xuất mã.

Điều này giúp bạn thử nghiệm các tổ hợp thuộc tính CSS phức tạp hơn, chẳng hạn như hiệu ứng chuyển màu hoặc bóng đổ của hộp mà không cần nhớ cú pháp chính xác của chúng. Hoặc để nhanh chóng tạo bố cục lưới và bố cục linh hoạt, dựa vào nhiều thuộc tính liên quan.

Thanh công cụ ở cuối thẻ Styles (Kiểu) hiển thị trạng thái thông qua một vòng quay tải. Đề xuất sẽ cập nhật hoặc xoá khi bạn nhập, đảm bảo rằng văn bản do AI tạo vẫn phù hợp với nội dung bạn chỉnh sửa theo cách thủ công.

Nguyên tắc về độ tương phản màu APCA được nâng cấp lên thành ổn định

Công cụ tính độ tương phản theo Thuật toán tính toán độ tương phản dựa trên nhận thức nâng cao (APCA) đã chính thức kết thúc giai đoạn thử nghiệm và hiện có sẵn dưới dạng một chế độ cài đặt ưu tiên tiêu chuẩn. APCA thay thế các nguyên tắc cũ về độ tương phản AAA/AA bằng một mô hình độ tương phản dựa trên nhận thức hiện đại, được tối ưu hoá cho màn hình hiện đại và việc hiển thị văn bản.

Giờ đây, bạn có thể bật hoặc tắt nguyên tắc về APCA bằng cách sử dụng hộp đánh dấu nằm trong phần Settings > Preferences > Elements > Enable APCA contrast guidelines (Cài đặt > Lựa chọn ưu tiên > Phần tử > Bật nguyên tắc về độ tương phản APCA).

Nút bật/tắt thuật toán APCA trong phần cài đặt DevTools và thuật toán mới có hiệu lực trong thẻ Kiểu.
Nút bật/tắt thuật toán APCA trong phần cài đặt Công cụ cho nhà phát triển và thuật toán mới có hiệu lực trong thẻ Kiểu.

Tác nhân người dùng Chế độ thiết bị linh hoạt

Chế độ Thiết bị thích ứng trước đây đã sử dụng một chuỗi User Agent được mã hoá cứng (Android 6.0; Nexus 5). Điều này khiến các trang web hiện đại giảm chức năng hoặc kích hoạt chế độ tương thích vì hệ điều hành được báo cáo đã được nhận dạng là hơn một thập kỷ.

Tác nhân người dùng được mã hoá cứng đã được thay thế bằng một phương pháp phỏng đoán linh động, tự động cập nhật dựa trên năm dương lịch hiện tại, đảm bảo DevTools luôn báo cáo một môi trường hiện đại, hợp lý mà không cần bảo trì theo cách thủ công.

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:

  • Bảng điều khiển: Đã thêm nút bật/tắt Thu gọn/Mở rộng tất cả vào thanh công cụ của bảng điều khiển để nhanh chóng mở rộng hoặc thu gọn tất cả các nhóm bảng điều khiển đang hoạt động và dấu vết ngăn xếp cùng một lúc. (427657550)
  • Ứng dụng: Các siêu liên kết có thể nhấp đã thay thế văn bản tĩnh cho các trường nhóm lưu trữ trong chế độ xem Siêu dữ liệu ứng dụng. Khi bạn nhấp vào một đường liên kết đến một nhóm, hệ thống sẽ tự động chuyển đến và làm nổi bật nhóm cụ thể đó trong bảng điều khiển bên Storage Buckets (Nhóm lưu trữ). (435311130)
  • Ứng dụng: Bật lại chế độ hỗ trợ kiểm tra bộ nhớ đầy cho Service Worker sau khi giải quyết một lỗi hồi quy về sự cố. (406991275, 466134219)
  • Ứng dụng: Đã thêm tính năng hỗ trợ kiểm tra các sự kiện kết xuất trước form_submission trong bảng điều khiển Tải trước. (346555939, 488078903)
  • Ứng dụng: Triển khai tính năng quản lý Thông tin xác thực phiên được liên kết với thiết bị (DBSC), cho phép nhà phát triển xoá hoặc huỷ các phiên đang hoạt động khỏi trình đơn theo bối cảnh hoặc bằng cách nhấn phím Delete hoặc Backspace. (471017387)
  • Phần tử: Các điểm nổi bật trên nút DOM đại diện cho các vấn đề bị ẩn trong bảng điều khiển Vấn đề hiện được cập nhật linh động (xuất hiện hoặc biến mất) để phản hồi các thao tác lọc vấn đề. (40272723)
  • Mạng: Sự kiện được gửi bởi máy chủ (SSE) hiện đã được chuyển đổi hoàn toàn thành chuỗi và được đưa vào các tệp xuất HAR, cho phép lưu và nhập lại các hoạt động ghi lại luồng sự kiện trực tiếp đang diễn ra vào Công cụ cho nhà phát triển. (494294071)
  • Hiệu suất: Đã khắc phục tính năng theo dõi Các chỉ số quan trọng chính của trang web trong chế độ xem Chỉ số trực tiếp để ghim hoạt động theo dõi một cách nghiêm ngặt vào ngữ cảnh thực thi khung chính, ngăn tình trạng thay đổi iframe động làm đặt lại các chỉ số. (494350655)
  • Hiệu suất: Nâng cấp web-vitals lên phiên bản 5.2.0, giới thiệu các bản sửa lỗi gốc ở nguồn cho tình trạng rò rỉ bộ nhớ trong quá trình giám sát INP. (484342204)