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ı'nın Antigravity, Claude ve Codex gibi kodlama aracıları için hata ayıklama özellikleri önemli ölçüde genişletildi.

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ındaki gereksiz dize tahsislerinden kaynaklanan bellek israfını tespit eder. 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ı yapmayı sağlar.
• GCF biçiminde kodlama (experimentalGcfFormat): Desteklenen istemciler için bant genişliğini ve ayrıştırma verimliliğini optimize etmek amacıyla GCF biçiminde kodlanmış 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 kullanılarak 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, Performans panelindeki zaman aralığını yakınlaştırmak için tek tıklamayla gezinme özelliğiyle birlikte oluşturur) ve Ağ İstekleri Listesi widget'ı (yapılandırılmış istek parametrelerini etkileşimli tablolarda gösterir) yer alıyor.

Ayrıca, yanıt mesajları 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 tarafından yapılan bir topluluk katkısıdır.
• ::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 hedefi eşzamansız olarak bağlama: popovertarget, interesttarget ve commandfor gibi HTML özellikleri artık hedef DOM düğümlerini eşzamansız olarak getiriyor ve satır içinde görsel olarak bağlıyor.
• 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:

• Doğal 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 paketinde 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 özellik görüntüleme sırası: Yeni bir bağlam menüsü açma/kapatma düğmesi olan Özellikleri alfabetik olarak sırala (varsayılan olarak etkindir), yığın nesnesi özelliklerini incelerken alfabetik sıralama ile orijinal JS özelliği ekleme sırası arasında geçiş yapmanıza olanak tanır.

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ı. Ayrıca, inspectedWindow.eval içinde uzantılar arası değerlendirmeler için extensionsOnChromeUrls izinlerini karşılaması ve file:// kaynaklarında allowFileAccess kontrollerini zorunlu kılması gerekiyor.

Diğer öne çıkan noktalar ve düzeltmeler

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

• Performans: Soft FCP (First Contentful Paint) zaman çizelgesi işaretçileri, Soft LCP ve Soft Navigation işaretçilerinin yanına 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 işlem baskısı kontrollerinin atlanması için korumalar eklendi.
• Ağ: cURL olarak kopyala işlevi, kısa çizgi önekli URL'lerde komut satırı işaretinin yanlış yorumlanmasını önlemek için hedef URL'lere --url öneki ekleyecek şekilde güncellendi.
• Kaynaklar: Varsayılan olarak kaynak eşleme kapsamı çözümü etkinleştirildi. Bu sayede, hata ayıklama sırasında değişken kapsamı çözümü ve sembolün küçültülmemiş hâle getirilmesi iyileştirildi.
• Ayarlar: Doğrulanmış güvenli alan ekleri olan daha yeni iPhone ve Pixel modelleri için güncellenmiş emüle edilmiş cihaz ön ayarları ve özel cihaz kullanıcı aracısı alanlarını navigator.userAgent ile önceden doldurur. (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 sunar:

• Öğ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)
• Console: Console Pins'deki kısaltılmış LiveExpression dize değerleri için erişilebilir tam metin title ipuçları eklendi.