Ngày xuất bản: 19 tháng 5 năm 2026
Các công cụ viết mã bằng AI có khả năng viết mã cực kỳ mạnh mẽ, nhưng thường không liên quan đến quá trình thực thi mã. Các công cụ này có thể tạo một ứng dụng web phức tạp, nhưng không thể quan sát hành vi của ứng dụng hoặc kiểm tra đầu ra của ứng dụng trong một trình duyệt đang hoạt động.
Công cụ Chrome DevTools cho tác nhân cung cấp cho tác nhân viết mã của bạn khả năng hiển thị cần thiết để xác minh, gỡ lỗi và tối ưu hoá mã theo thời gian thực. Cách đây vài tháng, chúng tôi đã giới thiệu công cụ này lần đầu tiên. Giờ đây, chúng tôi rất vui mừng thông báo rằng Chrome DevTools cho tác nhân hiện đã có ở dạng bản phát hành ổn định 1.0.
Kết nối tác nhân với trình duyệt
Chrome DevTools cho tác nhân cho phép tác nhân của bạn trải nghiệm trang web giống như người dùng thực. Bản phát hành ổn định này bao gồm một số cách để bạn và tác nhân của bạn tương tác với Chrome:
- Máy chủ Giao thức ngữ cảnh mô hình (MCP): Một máy chủ kết nối Mô hình ngôn ngữ lớn (LLM) với các tính năng gỡ lỗi của DevTools.
- Giao diện dòng lệnh (CLI): Một giải pháp thay thế hiệu quả về mã thông báo, cho phép tác nhân gộp các hành động thành tập lệnh.
- Kỹ năng của tác nhân: Hướng dẫn của chuyên gia dạy tác nhân của bạn cách và thời điểm sử dụng các công cụ cụ thể cho các tác vụ như hỗ trợ tiếp cận hoặc gỡ lỗi hiệu suất.
Tự động gỡ lỗi, mô phỏng và kiểm tra
Với bản phát hành 1.0, tác nhân viết mã của bạn hiện có thể thực hiện các tác vụ gỡ lỗi nâng cao mà trước đây phải thực hiện theo cách thủ công.
Tự động hoá quá trình kiểm tra chất lượng
Tác nhân của bạn hiện có thể chạy quá trình kiểm tra Lighthouse để đánh giá chất lượng trang web . Công cụ này có thể xác định các vấn đề về khả năng hỗ trợ tiếp cận, SEO, các phương pháp hay nhất và hoạt động duyệt web dựa trên tác nhân. Công cụ này giống như một trình kiểm tra cú pháp hiểu thời gian chạy. Được dùng làm cổng chất lượng, công cụ này biến tác nhân viết mã của bạn thành một chuyên gia phát hiện các yếu tố chặn quan trọng trước khi chúng được đưa vào quá trình sản xuất.
Mô phỏng trải nghiệm người dùng trong thế giới thực
Tác nhân của bạn có thể sử dụng DevTools cho tác nhân để kiểm thử giao diện và hiệu suất của một trang web trên nhiều thiết bị hoặc ở nhiều vị trí bằng các công cụ mô phỏng. Công cụ này có thể đổi kích thước cửa sổ, mô phỏng vị trí địa lý và điều chỉnh tốc độ mạng và CPU để mô phỏng các điều kiện trong thế giới thực. Bằng cách này, tác nhân của bạn có thể kiểm thử các hành vi dành riêng cho thiết bị di động, chẳng hạn như trình đơn bánh hamburger, mà bạn không cần phải đổi kích thước trình duyệt theo cách thủ công.
Phát triển và gỡ lỗi Tiện ích của Chrome
Bạn cũng có thể cho phép tác nhân không chỉ giúp bạn phát triển Tiện ích của Chrome mà còn gỡ lỗi cho các tiện ích đó. Tác nhân của bạn có thể cài đặt, tải lại và kích hoạt trực tiếp các hành động của tiện ích. Điều này giúp tự động hoá chu kỳ "lưu và làm mới" thường xuyên trong quá trình phát triển. Công cụ này cũng có thể đi sâu vào các tập lệnh nền và trang tiện ích để giúp bạn khắc phục lỗi trong các thiết lập trình duyệt phức tạp hơn.
Gỡ lỗi và kiểm thử các công cụ WebMCP
Chúng tôi cũng đang cung cấp khả năng hiển thị chi tiết cho WebMCP (Giao thức ngữ cảnh mô hình web ) Bản dùng thử nguồn gốc để giúp bạn triển khai API mới này.
Thay vì yêu cầu tác nhân dựa vào các tín hiệu để suy ra một kế hoạch điều hướng DOM, tác nhân có thể tương tác trực tiếp với các công cụ có cấu trúc mà bạn hiển thị bằng WebMCP. Điều này giúp bạn dễ dàng phát triển, kiểm thử và gỡ lỗi các công cụ này hơn: tác nhân của bạn có thể liệt kê, gọi theo phương thức lập trình và xác thực tính chính xác của các công cụ đó theo thời gian thực. Điều này giúp đơn giản hoá quá trình thêm tính năng hỗ trợ WebMCP vào trang web của bạn và kiểm thử tính năng này.
Phát hiện và gỡ lỗi rò rỉ bộ nhớ
Chúng tôi cũng đã thêm các công cụ chuyên dụng để phân tích bộ nhớ. Tác nhân của bạn hiện có thể chụp nhanh vùng nhớ khối xếp để xác định tình trạng rò rỉ bộ nhớ, chẳng hạn như các nút DOM bị tách rời. Bằng cách sử dụng các kỹ năng gỡ lỗi rò rỉ bộ nhớ chuyên biệt, tác nhân đóng vai trò là một chuyên gia về hiệu suất để giúp bạn duy trì ứng dụng gọn nhẹ và nhanh chóng.
Chuyển giao phiên bằng tính năng tự động kết nối
Bạn có thể chia sẻ ngữ cảnh trình duyệt hiện tại với một tác nhân, thay vì tác nhân mở phiên bản trình duyệt hộp cát riêng (đây là cách DevTools cho tác nhân thường cấp quyền truy cập vào trình duyệt cho tác nhân). Điều này rất phù hợp để gỡ lỗi những nội dung yêu cầu đăng nhập, chẳng hạn như một trang tổng quan đã xác thực, nơi bạn muốn tác nhân AI tiếp quản quá trình điều tra kỹ thuật mà bạn không cần phải xác thực lại mọi thứ.
Hiển thị trạng thái nội bộ bằng các công cụ dành cho nhà phát triển bên thứ ba
Các công cụ dành cho nhà phát triển bên thứ ba cho phép ứng dụng web của bạn chia sẻ trực tiếp trạng thái nội bộ và thông tin chi tiết về thành phần với các tác nhân AI. Bằng cách cung cấp quyền truy cập vào dữ liệu thường bị ẩn khỏi quá trình phân tích tiêu chuẩn, các công cụ này cung cấp cho tác nhân ngữ cảnh cần thiết để hiểu logic phức tạp. Điều này giúp đưa ra các đề xuất gỡ lỗi chính xác hơn dựa trên cách ứng dụng thực sự hoạt động trong trình duyệt.
Bắt đầu
Bạn có thể cài đặt bản phát hành ổn định bằng npm hoặc định cấu hình trực tiếp trong tác nhân mà bạn chọn:
Antigravity
Chrome DevTools cho tác nhân được đi kèm sẵn với Antigravity 2.0. Bạn có thể bắt đầu sử dụng ngay với tác nhân phụ của trình duyệt. Hãy thử sử dụng một lệnh dấu gạch chéo như:
/browser Navigate to the Google homepage
Để truy cập vào các kỹ năng chuyên biệt của tác nhân, bạn nên cài đặt trình bổ sung DevTools trong bước Tạo bằng Google của quá trình thiết lập ban đầu hoặc trong phần cài đặt ứng dụng. Để biết thêm thông tin, hãy xem tài liệu về Trình duyệt Antigravity Tác nhân phụ.
Gemini CLI
Để cài đặt gói và kỹ năng MCP dưới dạng tiện ích, hãy sử dụng lệnh sau:
$ gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
Claude Code
Để cài đặt Chrome DevTools cho tác nhân dưới dạng Trình bổ sung mã Claude, hãy sử dụng các lệnh dấu gạch chéo sau trong Mã Claude. Thêm sổ đăng ký marketplace:
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
Và cài đặt trình bổ sung từ sổ đăng ký marketplace:
/plugin install chrome-devtools-mcp@chrome-devtools-plugins
Để biết hướng dẫn chi tiết hơn và các ví dụ về lời nhắc, hãy xem tài liệu về Chrome DevTools cho tác nhân. Bạn cũng có thể khám phá mã nguồn trên GitHub.