Membantu agen Anda membuat, men-debug, dan memverifikasi kode Anda dengan benar. Dengan Chrome DevTools untuk agen, agen AI Anda dapat berinteraksi dengan browser Chrome untuk menguji kode, meniru pengguna, dan menemukan bug menggunakan kemampuan Chrome DevTools sebelum diluncurkan.
Mulai Lihat di GitHub

Pasang sekarang

Lihat semua opsi instalasi di GitHub

Chrome DevTools untuk agen sudah di-bundle dengan Antigravity 2.0. Anda dapat langsung menggunakannya dengan sub-agen browser. Coba gunakan perintah garis miring seperti:

/browser Navigate to the Google homepage

Untuk mengakses keterampilan agen khusus, instal plugin DevTools selama langkah Bangun dengan Google pada penyiapan awal atau dalam setelan aplikasi.

  # 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

Jika Anda menggunakan agen pengodean lain seperti Copilot atau OpenCode, ikuti petunjuk di repositori GitHub kami.

Apa yang dapat dilakukan agen Anda?

Memberi agen Anda kemampuan untuk berinteraksi dengan browser web. Jika ingin mempelajari hal lain yang dapat dilakukan agen Anda, Anda dapat membuka dokumentasi Kasus penggunaan.

Uji desain responsif, geolokasi yang berbeda, dan alur pengguna sebenarnya. Pelajari lebih lanjut.
Sambungkan ke sesi Chrome aktif Anda untuk memeriksa, menjeda, dan memecahkan masalah secara real-time. Pelajari lebih lanjut.
Jalankan audit untuk Aksesibilitas, SEO, dan performa untuk memberikan checklist yang dapat ditindaklanjuti sebelum Anda mengirimkan kode ke produksi. Pelajari lebih lanjut.

Perintah yang mendorong pengalaman pengguna yang lebih baik

Berikan agen AI Anda kemampuan untuk menjelajahi situs, berinteraksi dengan tombol, menjelajahi halaman, dan menjalankan audit aksesibilitas instan, semuanya melalui instance browser yang terkelola sepenuhnya. 
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.
Pelajari cara menyiapkan Chrome DevTools untuk agen dan melihat agen melakukan proses debug dan verifikasi secara mandiri. Video ini membahas penginstalan, handshake, dan penggunaan CLI untuk tindakan batch.