Temsilcinizin kodunuzu doğru şekilde oluşturmasına, hatalarını ayıklamasına ve doğrulamasını sağlayın. Aracılar için Chrome Geliştirici Araçları ile yapay zeka aracınız, Chrome Geliştirici Araçları'nın özelliklerini kullanarak kodu test etmek, kullanıcıları taklit etmek ve hataları yakalamak için Chrome Tarayıcı ile etkileşime geçebilir.
Başlama GitHub'da görüntüle

Şimdi yükle

GitHub'da tüm yükleme seçeneklerini görün.

Temsilciler için Chrome Geliştirici Araçları, Antigravity 2.0 ile birlikte önceden paketlenmiş olarak gelir. Tarayıcı alt aracısı ile hemen kullanmaya başlayabilirsiniz. Aşağıdakilere benzer bir eğik çizgi komutu kullanmayı deneyin:

/browser Navigate to the Google homepage

Özel aracı becerilerine erişmek için ilk kurulumun Google ile Oluşturun adımında veya uygulama ayarlarında DevTools eklentisini yükleyin.

  # 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 veya OpenCode gibi başka bir kodlama aracısı kullanıyorsanız GitHub depomuzdaki talimatları uygulayın.

Temsilciniz neler yapabilir?

Ajanınıza web tarayıcısıyla etkileşim kurma izni verin.

Duyarlı tasarımları, farklı coğrafi konumları ve gerçek kullanıcı akışlarını test edin. Daha fazla bilgi
İncelemek, duraklatmak ve sorunları anında gidermek için etkin Chrome oturumunuza bağlanın. Daha fazla bilgi
Kodu üretime göndermeden önce uygulanabilir kontrol listeleri sağlamak için erişilebilirlik, SEO ve performans denetimleri çalıştırın. Daha fazla bilgi

Daha iyi kullanıcı deneyimleri sağlayan istemler

Yapay zeka aracınıza, tamamen yönetilen bir tarayıcı örneği üzerinden web sitelerinde gezinme, düğmelerle etkileşim kurma, sayfaları keşfetme ve anında erişilebilirlik denetimleri yapma gücü verin. 
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 Geliştirici Araçları'nı aracılar için nasıl ayarlayacağınızı ve aracıların hata ayıklama ve doğrulama işlemlerini bağımsız olarak nasıl yapacağını öğrenin. Bu videoda yükleme, el sıkışma ve toplu işlemler için KSA'yı kullanma konuları ele alınmaktadır.