Giúp tác nhân phần mềm của bạn tạo, gỡ lỗi và xác minh mã một cách chính xác. Với Chrome DevTools dành cho tác nhân, tác nhân AI của bạn có thể tương tác với trình duyệt Chrome để kiểm thử mã, mô phỏng người dùng và phát hiện lỗi bằng các chức năng của Chrome DevTools trước khi phát hành.
Bắt đầu Xem trên GitHub

Cài đặt ngay

Xem tất cả các lựa chọn cài đặt trên GitHub

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 lập tức bằng tác nhân phụ của trình duyệt. 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, hãy 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.

  # Install as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
 
  # Install as a plugin (MCP+Skills)
  # Add the marketplace registry:
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  # Install
  /plugin install chrome-devtools-mcp@chrome-devtools-plugins
 
  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Nếu bạn đang sử dụng bất kỳ tác nhân viết mã nào khác như Copilot hoặc OpenCode, hãy làm theo hướng dẫn trên kho lưu trữ GitHub của chúng tôi.

Tác nhân này có thể làm gì?

Cho phép tác nhân tương tác với trình duyệt web.

Thử nghiệm các thiết kế thích ứng, vị trí địa lý khác nhau và quy trình thực tế của người dùng. Tìm hiểu thêm.
Kết nối với phiên Chrome đang hoạt động để kiểm tra, tạm dừng và khắc phục sự cố theo thời gian thực. Tìm hiểu thêm.
Chạy các quy trình kiểm tra về a11y, SEO và hiệu suất để cung cấp danh sách kiểm tra có thể hành động trước khi bạn đẩy mã vào quy trình phát hành công khai. Tìm hiểu thêm.

Lời nhắc giúp mang lại trải nghiệm tốt hơn cho người dùng

Cho phép tác nhân AI điều hướng các trang web, tương tác với các nút, khám phá các trang và chạy các bản kiểm tra khả năng hỗ trợ tiếp cận tức thì, tất cả thông qua một phiên bản trình duyệt được quản lý hoàn toàn. 
Go to developer.chrome.com on mobile, click the burger menu, and check for top-level navigation items.
 
Go to https://chrome.dev/devtools-store-locator. Simulate your location is Berlin and check if the store locator shows the Rosenthaler Strasse branch.
 
Run a Lighthouse accessibility audit and suggest fixes for any low-contrast elements.
 
Perform an SEO audit and verify all images have descriptive alt text.
Tìm hiểu cách thiết lập Chrome DevTools cho tác nhân và xem các tác nhân gỡ lỗi và xác minh một cách độc lập. Video này trình bày về cách cài đặt, bắt tay và sử dụng CLI cho các thao tác hàng loạt.