協助代理程式正確建構、偵錯及驗證程式碼。有了代理程式專用的 Chrome 開發人員工具，AI 代理程式就能與 Chrome 瀏覽器互動，在發布前測試程式碼、模擬使用者，並運用 Chrome 開發人員工具的功能找出錯誤。
開始使用 前往 GitHub 查看

立即安裝

在 GitHub 上查看所有安裝選項

服務專員專用的 Chrome 開發人員工具已預先與 Antigravity 2.0 組合。您可以使用瀏覽器子代理程式立即開始使用。請嘗試使用斜線指令，例如：

/browser Navigate to the Google homepage

如要存取專業代理程式技能，請在初始設定的「使用 Google 建構」步驟中，或在應用程式設定中安裝 DevTools 外掛程式。

  # 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

如果您使用 Copilot 或 OpenCode 等其他編碼代理程式，請按照我們的 GitHub 存放區中的操作說明進行。

代理可以做什麼？

讓代理程式能夠與網路瀏覽器互動。如要瞭解代理程式的其他功能，請參閱用途說明文件。

測試回應式設計、不同地理位置和實際使用者流程。瞭解詳情。
連線至運作中的 Chrome 工作階段，即可即時檢查、暫停及排解問題。瞭解詳情。
在將程式碼推送至正式版之前，請先執行無障礙、SEO 和效能稽核，取得可執行的檢查清單。瞭解詳情。

可提升使用者體驗的提示

透過全代管的瀏覽器執行個體，讓 AI 代理有權瀏覽網站、與按鈕互動、探索網頁，以及執行即時無障礙稽核。 
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.
瞭解如何為代理程式設定 Chrome 開發人員工具，以及如何查看代理程式自主偵錯和驗證。這部影片說明如何安裝、交握及使用 CLI 執行批次動作。