Geliştirici Araçları'ndaki yenilikler (Chrome 151)

Matthias Rohmer

Yayınlanma tarihi: 28 Temmuz 2026

Chrome 151, Yapay Zeka Desteği'ndeki Agent walkthrough için daha fazla widget, Styles sekmesinde ayrıntılı CSS özgüllüğü dökümleri, ::interest-button sözde öğesi desteği ve DevTools MCP sunucusunda önemli güncellemeler sunar.

Temsilciler için Geliştirici Araçları

v1.6.0'a kadar olan son sürümlerde, ajanlar için Chrome Geliştirici Araçları; Antigravity, Claude ve Codex gibi kodlama ajanlarının hata ayıklama özelliklerini önemli ölçüde genişletti.

v1.4.0 ile v1.6.0 sürümleri arasındaki güncellemeler şunları içerir:

• Geliştirilmiş bellek hata ayıklama: Yeni get_heapsnapshot_duplicate_strings aracı, JavaScript yığınlarında gereksiz dize ayırmalarından kaynaklanan bellek israfını algılar. get_heapsnapshot_details toplam nesne sayılarını ve bellek boyutu toplamlarını, filtrelenebilir yığın anlık görüntüsü toplamlarını, GC kökü tutma yollarını döndürür ve anlık görüntüler arasında bellek karşılaştırması yapılmasını sağlar.
• GCF biçimi kodlama (experimentalGcfFormat): Desteklenen istemciler için bant genişliğini ve ayrıştırma verimliliğini optimize etmek amacıyla GCF kodlu araç yanıtları için destek eklendi.
• Eşzamanlı çoklu aracı sayfa yönlendirme ve yalıtılmış bağlamlar: --experimentalPageIdRouting, açık pageId yönlendirme kullanarak paralel alt aracıların farklı tarayıcı sekmelerinde eşzamanlı olarak çalışmasını sağlar. --isolated modu ve isolatedContext parametreleri, oturum başına geçici Chrome profilleri ve depolama alanı oluşturur.

Daha fazla bilgi edinmek ve kullanmaya başlamak için GitHub'daki DevTools for agents deposunu ziyaret edin.

Yapay Zeka Desteği

Resim/Ekran kaydı: Yeni Network Track satır içi widget'ını ve GFM tablo desteğiyle etkileşimli kılavuzu gösteren yapay zeka yardım paneli.

Yapay zeka yardımı paneli gelişmeye devam ediyor. Aracı kılavuzlarında daha fazla ayrıntı sunan panelde, özel Ağ İzleme widget'ı (satır içi performans ağı etkinliğini oluşturarak Performans panelindeki zaman aralığını tek tıklamayla yakınlaştırma) ve Ağ İstekleri Listesi widget'ı (yapılandırılmış istek parametrelerini etkileşimli tablolarda görüntüleme) yer alıyor.

Ayrıca, yanıt iletileri artık biçimlendirilmiş tablo verisi özetleri için GitHub Flavored Markdown (GFM) tablolarının oluşturulmasını tam olarak destekliyor.

CSS özgüllüğü dökümü ve ::interest-button desteği

Öğeler paneli, modern web platformu API'leri için daha ayrıntılı CSS inceleme ve yazma araçları sunar:

• Ayrıntılı CSS özgüllük dökümleri: (a, b, c)� Bu, @hjanuschka kullanıcısının katkısıdır. Teşekkür ederiz!
• ::interest-button sözde öğesi: DevTools artık yeni ::interest-button CSS sözde öğesini (HTML interesttarget spesifikasyonunun bir parçası) Öğeler ağacı ana hattında ve Stiller sekmesinde tamamen ayrıştırıp sunuyor.
• HTML ilişkilendirme özellikleri için eşzamansız hedef bağlantısı oluşturma: popovertarget, interesttarget ve commandfor gibi HTML özellikleri artık hedef DOM düğümlerini eşzamansız olarak getirip satır içi görsel olarak bağlar.
• Büyük stil sayfaları için geç oluşturma: Bir öğe 200 CSS özelliğini aştığında Stiller sekmesi artık geç özellik dekorasyonu kullanıyor. Bu sayede, oluşturma engelleme süreleri birkaç saniyeden milisaniyelere düşürülüyor.

Chromium sorunları: 353436867, 453705247, 524406293, 457696384, 524131115

Bellek hata ayıklama: Yerel bağlam ilişkilendirmesi ve kapatma saklama

Çok çerçeveli veya çok bağlamlı web uygulamalarındaki karmaşık JavaScript bellek sızıntılarını teşhis etmek artık Bellek panelinde çok daha net:

• Yerel V8 bağlam ilişkilendirmesi: Heap anlık görüntüleri artık iki aşamalı bir ilişkilendirme algoritması yürütüyor. Statik işaretçi çıkarımı native_context eşlemelerini çözerken grafik erişilebilirliği kalan nesneleri izler. Tek bir yerel bağlamdan erişilebilen nesneler doğrudan bu bağlamla ilişkilendirilirken birden fazla bağlamdan erişilebilen nesneler paylaşılan bir bağlam grubunda kategorize edilir.
• "Bağlam Tarafından Saklanan" filtresi: Heap Snapshot perspektifindeki yeni bir kullanıcı arayüzü filtresi, yalnızca JavaScript kapatma bağlamı nesneleri aracılığıyla saklanan nesneleri ayırmanıza olanak tanır.
• Yapılandırılabilir mülk görüntüleme sırası: Yeni bir bağlam menüsü düğmesi olan Mülkleri alfabetik olarak sırala (varsayılan olarak etkin) sayesinde yığın nesnesi özelliklerini incelerken alfabetik sıralama ile orijinal JS mülk ekleme sırası arasında geçiş yapabilirsiniz.

Chromium sorunları: 497855658, 423838364, 40833016

Promisified Extension API'leri ve güvenlik sağlamlaştırması

Geliştirici Araçları uzantısı API'leri, modern asenkron kalıplar ve daha sıkı güvenlik kontrolleriyle güncellendi:

• Yerel Promise desteği: chrome.devtools.network (getHAR(), Request.getContent()), chrome.devtools.panels ve chrome.devtools.inspectedWindow (eval(), getResources(), Resource.getContent(), Resource.setContent()) içindeki eş zamansız yöntemler artık geri çağırma parametresi olmadan çağrıldığında standart JavaScript Promise nesnelerini döndürüyor.
• Uzantı güvenlik sınırları: DevTools uzantılarının artık engellenen hedef URL'lerin HAR kaynaklarını getirmesi kısıtlandı. Uzantılar, extensionsOnChromeUrls izinlerini karşılamalı ve inspectedWindow.eval'deki uzantılar arası değerlendirmeler için allowFileAccess kontrollerini file:// kaynaklarında zorunlu kılmalıdır.

Diğer önemli noktalar ve düzeltmeler

Bu sürümde yapılan küçük iyileştirmeler ve hata düzeltmeleri:

• Performans: Soft LCP ve Soft Navigation işaretlerinin yanı sıra Soft FCP (First Contentful Paint) zaman çizelgesi işaretleri eklendi. Ayrıntılar çekmecesi başlıkları güncellendi.
• Performans: PressureObserver desteği olmayan Android cihazlarda CPU sınırlama kalibrasyonu sırasında hesaplama baskısı kontrollerini atlamak için korumalar eklendi.
• Ağ: cURL olarak kopyala işlevi, tire önekli URL'lerde komut satırı işaretinin yanlış yorumlanmasını önlemek için hedef URL'lere --url önekini ekleyecek şekilde güncellendi.
• Kaynaklar: Hata ayıklama sırasında değişken kapsamı çözünürlüğünü ve sembolün küçültülmemiş halini iyileştirmek için kaynak eşlemesi kapsamı çözünürlüğü varsayılan olarak etkinleştirildi.
• Ayarlar: Doğrulanmış güvenli alan ekleri olan daha yeni iPhone ve Pixel modelleri için emüle edilmiş cihaz hazır ayarları güncellendi ve özel cihaz User-Agent alanları navigator.userAgent ile önceden dolduruluyor. (Chromium sorunları: 40718410, 518215252)
• Ayarlar: Bağlantı işleme ayarı açılır menüsü, ham uzantı kaynağı URL'leri yerine kullanıcı dostu uzantı başlıklarını gösterecek şekilde güncellendi.
• Lighthouse: Paketlenmiş Lighthouse modülü 13.4.0 sürümüne güncellendi. (Chromium sorunu: 40543651)

Erişilebilirlikle ilgili iyileştirmeler

Chrome 151, aşağıdaki erişilebilirlik geliştirmelerini sunuyor:

• Öğeler: Çakışan arka plan rengi geçersiz kılmaları kaldırılarak Windows'da yüksek kontrast / @media (forced-colors: active) modunda, açılıp kapatılan araç çubuğu simgelerinin (ör. komut dosyası yürütme Devam ettir düğmesi) görünürlüğü geri yüklendi. (Chromium sorunu: 519762185)
• Konsol: Konsol pinlerindeki kısaltılmış LiveExpression dize değerleri için erişilebilir tam metin title ipuçları eklendi.