Chrome DevTools for Agents Üçüncü Taraf Araçlarını Tanıttı

Chrome DevTools for agents, üçüncü taraf geliştirici araçları özelliğini tanıttı. Bu sayede framework'ler ve web uygulamaları, AI kodlama asistanlarına çalışma zamanı bağlamı doğrudan sağlayabilecek. Özellik, statik analiz ötesinde, DOM ile framework iç durumu arasındaki bağlantıyı kurmayı hedefliyor.

Modern web geliştirme Angular, React, Vue gibi framework'ler, WordPress veya Shopify gibi platformlar üzerine kurulu. DevTools DOM'a erişse de, uygulamanın asıl mantığı framework'lerin iç state'inde, component hiyerarşisinde veya sinyallerinde bulunuyor. Yeni API, kütüphanelerin bu actionable bağlamı AI agent'lara sunmasının yolunu açıyor.

Discovery API ile Araç Keşfi

Üçüncü taraf araçlar, event-based JavaScript API kullanıyor. Chrome DevTools MCP server, global window nesnesine devtoolstooldiscovery olayını dispatch ederek araçları keşfediyor. Bu olay her sayfa navigasyonunda veya seçili sayfa değiştiğinde otomatik tetikleniyor; ayrıca list_3p_developer_tools MCP aracı ile manuel olarak da tetiklenebiliyor.

Kütüphane sahipleri, olaya listener ekleyerek ToolGroup ile yanıt veriyor. Örnek implementasyonda araçlar JSON Schema ile input tanımlıyor ve execute fonksiyonu sayfa bağlamında çalışarak serializable veri döndürüyor. Dönen DOM elementleri otomatik olarak take_snapshot aracının UID'leri ile eşleniyor.

Angular Entegrasyonu ve Kullanım Yöntemleri

Angular ekibi iki araç geliştirdi: Signal Graph aracı state-view ilişkilerini görselleştirerek infinite loop'ları tespit etmeyi sağlıyor. Dependency Injection (DI) Graph aracı ise element injectors'ı expose ederek servis sağlayıcı hatalarının debug edilmesini mümkün kılıyor. Bu bilgiler runtime-only olduğu için statik analizle tespit edilemiyordu.

Agent'lar araçları list_3p_developer_tools ile listeliyor, execute_3p_developer_tool ile çağırıyor. Ayrıca evaluate_script MCP aracı ile birden fazla işlemi birleştirip non-serializable değerleri doğrudan işleyebiliyor. Bu yaklaşım serialization overhead'ini azaltıyor ve karmaşık debug senaryolarında etkili oluyor.

Özellik, Chrome DevTools for agents sürüm 0.25.0 itibarıyla deneysel olarak sunuluyor. Etkinleştirmek için komut satırında --categoryExperimentalThirdParty flag'i kullanılıyor. React ekibi de benzer araçlar üzerinde çalışıyor. Framework geliştiricileri GitHub üzerinden işbirliği yapabilir.

Kaynak: Chrome Developers — 18.06.2026 10:00