Pomóż agentowi prawidłowo tworzyć, debugować i weryfikować kod. Dzięki Narzędziom deweloperskim w Chrome dla agentów AI agent może wchodzić w interakcje z przeglądarką Chrome, aby testować kod, emulować użytkowników i wykrywać błędy za pomocą funkcji Narzędzi deweloperskich w Chrome przed udostępnieniem kodu.
Rozpocznij Wyświetl w GitHubie

Zainstaluj teraz

Zobacz wszystkie opcje instalacji na GitHubie

Narzędzia deweloperskie w Chrome dla agentów są wstępnie dołączone do Antigravity 2.0. Możesz od razu zacząć z nich korzystać za pomocą sub-agenta przeglądarki. Spróbuj użyć polecenia po ukośniku, np.:

/browser Navigate to the Google homepage

Aby uzyskać dostęp do specjalistycznych umiejętności agenta, zainstaluj wtyczkę Narzędzia deweloperskie podczas początkowej konfiguracji w kroku Tworzenie z Google lub w ustawieniach aplikacji.

  # 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

Jeśli używasz innego agenta kodowania, np. Copilot lub OpenCode, postępuj zgodnie z instrukcjami w naszym repozytorium GitHub.

Co może zrobić Twój agent?

Przyznaj agentowi uprawnienia do interakcji z przeglądarką. Jeśli chcesz dowiedzieć się, co jeszcze może robić Twój agent, zapoznaj się z dokumentacją dotyczącą przypadków użycia.

Testuj elastyczne projekty, różne geolokalizacje i rzeczywiste ścieżki użytkowników. Więcej informacji
Połącz się z aktywną sesją Chrome, aby sprawdzać, wstrzymywać i rozwiązywać problemy w czasie rzeczywistym. Więcej informacji.
Przeprowadzaj audyty dostępności, SEO i skuteczności, aby przed wprowadzeniem kodu do środowiska produkcyjnego udostępnić listy kontrolne z konkretnymi działaniami. Więcej informacji.

Prompty, które zwiększają komfort użytkowników

Daj agentowi AI możliwość przeglądania stron internetowych, wchodzenia w interakcje z przyciskami, eksplorowania stron i przeprowadzania natychmiastowych audytów ułatwień dostępu – wszystko to w pełni zarządzanej instancji przeglądarki. 
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.
Dowiedz się, jak skonfigurować Narzędzia deweloperskie w Chrome dla agentów, i zobacz, jak agent samodzielnie debuguje i weryfikuje. Ten film zawiera informacje o instalacji, uzgadnianiu i używaniu interfejsu wiersza poleceń do działań zbiorczych.