Xuất bản: Ngày 19 tháng 5 năm 2026
Các công cụ lập trình AI có khả năng viết mã cực kỳ mạnh mẽ, nhưng thường không kết nối với quá trình thực thi mã. Họ 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 hoặc kiểm tra đầu ra của ứng dụng đó trong trình duyệt đang hoạt động.
Chrome DevTools cho tác nhân cung cấp cho tác nhân lập trình của bạn thông tin chi tiết 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 các tác nhân hiện đã có sẵn dưới dạng phiên bản ổn định 1.0.
Kết nối trợ lý ảo với trình duyệt
Chrome DevTools dành cho tác nhân cho phép tác nhân của bạn trải nghiệm trang web của bạn như một người dùng thực sự. Bản phát hành ổn định này có 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 chức năng gỡ lỗi của Công cụ cho nhà phát triển.
- Giao diện dòng lệnh (CLI): Một lựa chọn thay thế tiết kiệm mã thông báo, cho phép các 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 giúp tác nhân của bạn biết cách và thời điểm sử dụng các công cụ cụ thể cho những việc như gỡ lỗi về hiệu suất hoặc khả năng hỗ trợ tiếp cận.
Gỡ lỗi, mô phỏng và kiểm tra tự động
Với bản phát hành 1.0, tác nhân lập trình 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á quy trình kiểm tra chất lượng
Giờ đây, tác nhân của bạn có thể chạy các quy 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à tính năng duyệt web thông minh. Giống như có một trình kiểm tra cú pháp hiểu được thời gian chạy. Được dùng làm cổng chất lượng, tính năng này sẽ biến tác nhân mã hoá của bạn thành một chuyên gia có thể phát hiện các vấn đề chặn quan trọng trước khi chúng ảnh hưởng đến quá trình sản xuất.
Mô phỏng trải nghiệm người dùng trong thế giới thực
Bạn có thể sử dụng Công cụ cho nhà phát triển dành cho các tác nhân phần mềm để 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 định vị vị trí và điều tiết tốc độ mạng cũng như CPU để mô phỏng các điều kiện thực tế. Bằng cách này, nhân viên hỗ trợ 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 chúng. Tác nhân của bạn có thể cài đặt, tải lại và kích hoạt các thao tác của tiện ích một cách trực tiếp. Đ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 chế độ 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 thông tin chi tiết về WebMCP (Giao thức ngữ cảnh mô hình web) bản dùng thử theo nguyên gốc để giúp bạn triển khai API mới này.
Thay vì dựa vào các tín hiệu để suy luận kế hoạch điều hướng DOM, tác nhân phần mềm của bạ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: 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ụ này theo thời gian thực. Điều này giúp đơn giản hoá quy trình thêm tính năng hỗ trợ WebMCP vào trang web 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ớ. Giờ đây, tác nhân của bạn có thể chụp nhanh vùng nhớ khối xếp để xác định các rò rỉ bộ nhớ, chẳng hạn như các nút DOM 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 phần mềm này đóng vai trò là một chuyên gia về hiệu suất để giúp bạn duy trì ứng dụng tinh gọn 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 được hộp cát riêng (đây là cách mà Công cụ cho nhà phát triển cho tác nhân thường cấp cho tác nhân quyền truy cập vào trình duyệt). Đây là lựa chọn hoàn hảo để gỡ lỗi những thứ 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 việc điều tra kỹ thuật mà không cần bạ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ạng thái nội bộ và thông tin chi tiết về thành phần trực tiếp 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 trong quá trình phân tích tiêu chuẩn, những công cụ này giúp nhân viên nắm được bối cảnh cần thiết để hiểu rõ logic phức tạp. Điều này giúp bạn nhận được 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 các 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 trình duyệt phụ. Hãy thử 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, chúng tôi khuyên bạn nên cài đặt trình bổ trợ Công cụ cho nhà phát triển trong bước Xây dựng 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 Subagent.
Gemini CLI
Để cài đặt gói MCP và các kỹ năng dưới dạng một tiện ích, hãy 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ổ trợ mã Claude, hãy dùng các lệnh dấu gạch chéo sau trong Mã Claude. Thêm sổ đăng ký trang web thương mại:
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
Và cài đặt trình bổ trợ từ sổ đăng ký của marketplace:
/plugin install chrome-devtools-mcp@chrome-devtools-plugins
Để xem hướng dẫn chi tiết hơn và các câu lệnh mẫu, hãy truy cập vào tài liệu về Chrome DevTools dành cho các tác nhân. Bạn cũng có thể khám phá mã nguồn trên GitHub.