Eski düzen: Ajanın kendi tarayıcısı
Chrome DevTools MCP, Google’ın Chrome DevTools ekibinin yazdığı açık kaynak bir MCP sunucusu. MCP, kodlama ajanlarının dış araçlara bağlanmasını sağlayan ortak bir protokol. Bu sunucu sayesinde Claude Code, Codex, Gemini CLI ya da OpenCode gibi bir ajan Chrome’u açıp sayfada gezebiliyor, tıklayabiliyor, konsol hatalarını ve ağ isteklerini okuyabiliyor, performans ölçümü alabiliyor.
Ama varsayılan olarak ajan kendi ayrı Chrome’unu açıyor, kendi boş profiliyle. Uygulamanın giriş gerektiren bir sayfasındaki hatayı göstermek istiyorsan ajanın oraya kendisi ulaşması gerekiyor: Giriş yap, menüden şuraya git, şu kaydı aç. Bazı siteler, otomasyonla kontrol edilen tarayıcıda girişe hiç izin vermiyor. Elle bağlanmanın yolu da vardı: Chrome’u bir uzaktan hata ayıklama portuyla başlatıp ajanı o porta yönlendirmek. Ama bu ek kurulum istiyordu.
Yeni düzen: Otomatik bağlantı
Chrome ekibi Aralık 2025’te yeni bir yol duyurdu, Ocak 2026’da kararlı sürüme çıkan Chrome 144 ile herkes kullanabilir oldu:
- Chrome’da
chrome://inspect/#remote-debuggingsayfasına gidip gelen hata ayıklama bağlantılarına izin veriyorsun. Bu ayar varsayılan olarak kapalı. - MCP sunucusunu ajanında
--autoConnectseçeneğiyle çalıştırıyorsun. - Chrome’u her zamanki gibi kendin açıyorsun. Ajan bağlanmak istediğinde Chrome bir izin penceresi gösteriyor. Oturum sürdüğü sürece pencerenin üstünde “otomatik test yazılımı tarafından kontrol ediliyor” uyarısı duruyor.
Artık ajan senin baktığın sayfaya bakıyor. Videodaki örnek iyi bir kullanım: Sunucu, bir dil öğrenme uygulamasında yönetici olarak giriş yapıp bir alıştırma penceresine kadar ilerliyor. Oradaki “Kaydet” düğmesi sitenin geri kalanından farklı görünüyor. Adımları ajana anlatmak yerine düğmeyi DevTools’un Elements panelinde seçiyor ve ajana “seçtiğim elementi görüyor musun?” diye soruyor. Ajan görüyor ve düğmenin stilini diğer düğmelere benzetiyor.
Bu, sunucunun araçlarında da açıkça var. Sayfanın yapısını çıkaran take_snapshot, DevTools’ta seçili elementi işaretliyor. get_network_request ise bir istek numarası vermezsen Network panelinde o an seçili isteği döndürüyor. Yani “şu kırmızı isteğe bak” demek yetiyor.
Güvenlik tarafı
Proje belgesi bunu açıkça yazıyor: Sunucu, tarayıcıdaki içeriği MCP istemcisine açıyor. Ajan bu verileri okuyabilir, değiştirebilir. Otomatik bağlantıda ajan, varsayılan Chrome profilinin bütün açık pencerelerine erişiyor. Bu da çerezlerin, oturum açtığın hesapların, açık e-postanın demek. Ajan bir sayfada gizli bir talimata (prompt injection) denk gelirse, bu yetki saldırganın da işine yarar.
Daha temkinli seçenekler de duruyor:
- Ayrı profil:
--user-data-dirile ajana sadece ona ait bir profil vermek. Çerezlerin ve şifrelerin o profile girmez, ajanın giriş yapması gereken sitelere orada ayrıca giriş yaparsın. - Geçici profil:
--isolatedile her seferinde silinen bir profil. - Kum havuzundaki ajan: Ajan bir konteynerde çalışıyorsa otomatik bağlantı yerine
--browser-urlile dışarıdaki Chrome’un hata ayıklama portuna bağlanmak.
MCP istemiyorsan: CLI
MCP sunucuları çok araç tanımı taşıdığı için bağlam penceresini dolduruyor. Paketin içinde deneysel bir CLI da var: chrome-devtools komutu arka planda çalışan bir sunucuya bağlanıyor ve aynı araçları terminalden çağırıyor. Depodaki bir skill dosyası ajana bu komutları nasıl kullanacağını öğretiyor. Videonun çekildiği sırada CLI otomatik bağlantıyı desteklemiyordu. CLI ile MCP arasındaki seçimi CLI mı, MCP mi yazımızda ayrıntılı anlattık.
Sonra ne oldu?
- Mayıs 2026’da CLI’a
--autoConnectdesteği eklendi. Aynı ay proje 1.0 sürümüne ulaştı. Eylül 2026 itibarıyla 1.10 sürümünde. - Araç listesine bellek sızıntısı aramak için heap snapshot analizi ve PWA araçları geldi. Deneysel bir bayrakla, sayfaların ajanlara açtığı WebMCP araçlarını çalıştırmak da mümkün.
- Ajanın yanlış sayfayı test ettiğini gözle görmek için bu aracı kullanmayı vibe coding ve deterministik araçlar yazımızda da anlattık.
Düşün
- Ajanına günlük kullandığın tarayıcıyı mı açardın, yoksa sadece ona ait bir profil mi? Hangi işte hangisi?
- Hata ayıklarken ajana en çok neyi tarif etmek zorunda kalıyorsun? Bu tarif ortadan kalksa ne değişir?
Videoyu izle
Kaynaklar (7, İngilizce)
- Better Stack: Chrome Just Became the Ultimate Agent Browser (Finally!) (video) (yeni sekmede açılır)
- Chrome for Developers: Let your Coding Agent debug your browser session with Chrome DevTools MCP (yeni sekmede açılır)
- GitHub: ChromeDevTools/chrome-devtools-mcp (yeni sekmede açılır)
- Chrome DevTools MCP: Advanced usage (connecting to a running Chrome instance) (yeni sekmede açılır)
- Chrome DevTools MCP: CLI (yeni sekmede açılır)
- Chrome DevTools MCP: Tool reference (yeni sekmede açılır)
- Chrome DevTools MCP: Changelog (yeni sekmede açılır)
Kendi cümlelerimizle yazılmış bir özettir, çeviri değildir. Tüm kaynaklar yukarıda.