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

Matthias Rohmer

Yayınlanma tarihi: 30 Haziran 2026

Chrome 150, aracılar için Geliştirici Araçları'nda bellek hata ayıklamayı iyileştirir, daha fazla widget ile yapay zeka yardımını geliştirir ve CSS @container ve @function kuralları için tam düzenleme özellikleri sunar.

Temsilciler için Geliştirici Araçları

v1.4.0'a kadar olan son sürümlerde, ajanlar için Chrome Geliştirici Araçları, ajan tabanlı tarayıcı otomasyonu ve hata ayıklama özelliklerini önemli ölçüde genişletti.

Son sürümden bu yana eklenen temel özellikler ve iyileştirmeler şunlardır:

• Bellek hata ayıklama paketi (--experimentalMemory): Artık aracıların, JavaScript bellek sızıntılarını teşhis etmek ve nesne tutma hiyerarşilerini analiz etmek için doğrudan V8 yığın anlık görüntülerini yakalayıp analiz etmesi mümkün.
• Chrome uzantılarını yönetme (--categoryExtensions): Temsilciler, uzantı yaşam döngülerini (yükleme, kaldırma, yeniden yükleme, listeleme) yönetebilir ve teşhis için arka plan hizmeti çalışanı konsol günlüklerini yakalayabilir.
• Paketlenmiş aracı becerileri: skills/ dizini artık doğrudan npm paket dağıtımında yayınlanıyor. Böylece MCP istemci aracıları, özel tarama ve hata ayıklama iş akışlarını otomatik olarak keşfedip yürütebiliyor.
• Jeton ve çıkış optimizasyonları: Kaynakta ekran görüntüsü boyutlarının sınırlandırılması jeton tüketimini azaltır. Deneysel TOON (Jeton Odaklı Nesne Notasyonu) desteği ise yapılandırılmış veri biçimlendirmesini optimize eder.
• Gelişmiş gezinme ve bağlam: list_pages artık birden fazla sekmede bağlam seçimini iyileştirmek için URL'lerin ve hedef kimliklerin yanı sıra sayfa başlıklarını da içeriyor. allowedUrlPattern ve blockedUrlPattern yapılandırma seçenekleri ise katı bir göz atma kapsamı güvenliği sağlıyor.

Aracıların DevTools'u ile ilgili en son güncellemeler ve katkıda bulunmak için GitHub deposunu ziyaret edin.

Yapay zeka yardımında daha ayrıntılı analizler

Yapay zeka yardımı paneli gelişmeye devam ediyor ve Temsilci açıklamalarında daha fazla ayrıntı sunuyor. Dokuz ek widget'ta artık Lighthouse, Ağ, Kaynaklar ve Performans panellerindeki veriler yer alıyor. Widget'lar, performans etkinliklerini, kaynak içeriğini, ağ isteklerini ve daha fazlasını almak için aracı araçları çağrılırken Gemini tarafından kullanılan verileri daha iyi anlamanıza yardımcı olur.

Chromium sorunları: 460763995

Daha fazla CSS @ kuralı için tam düzenleme desteği

Öğeler panelindeki Stiller sekmesi, modern CSS özellikleri için yeni yazma özellikleri sunar:

• Yerinde @container kural düzenleme: Artık CSS @container kurallarında doğrudan kapsayıcı adlarını ve sorgu koşullarını düzenleyebilir, böylece duyarlı kapsayıcı sorgusu tasarımlarıyla sorunsuz denemeler yapabilirsiniz.
• CSS @function kuralı düzenleme: Özel CSS @function kuralları için tam düzenleme desteği eklendi.
• @counter-style kural düzenleme: list-style-type özellikleri için kod tamamlama özelliği eklendi. Bu özellik, özellikleri doğrudan ilgili @counter-style tanımlarına bağlar.
• Katkıda bulunmayan kuralları daraltma: Yeni bir tercih ayarı, katkıda bulunmayan CSS stil kurallarını daraltmanıza olanak tanır. Böylece Stiller bölmesi yalnızca etkin stillere odaklanır.

Chromium sorunları: 507611251, 41491726, 480080406, 351662727, 514846131

Kaynaklar'da yinelenen kesme noktalarını kaldırma ve kaynak eşlemesini yinelemeli olarak destekleme

Kaynaklar paneli, karmaşık modern derleme işlem hatlarında hata ayıklama doğruluğunu artırır:

• Mantıksal kesme noktası tekilleştirme: Olukta bulunan kesme noktası işaretçileri artık en yakın çözümlenmiş konum eşlemesi kullanılarak kodla bölünmüş paketler ve SSR/istemci derlenmiş şablonlar arasında tekilleştiriliyor. Bu sayede, birden fazla parça veya ortamda paylaşılan kodda hata ayıklama yapılırken yinelenen kesme noktası göstergeleri önlenir.
• Yinelemeli EvalOrigin ve iç içe yerleştirilmiş kaynak haritaları: Hata ayıklayıcı artık kaynak haritalarında yinelemeli EvalOrigin yapıları ve iç içe yerleştirilmiş çeviri zincirlerini destekliyor. Bu sayede, çok aşamalı derleme iş akışlarında doğru yığın izlemeleri ve adım adım ilerleme davranışı sağlanıyor.
• Satıra gitme klavye kısayolu: Chrome'da yeni Gemini kısayoluyla çakışmayı önlemek için düzenleyicide "Satıra git" gezinme özelliği için ek klavye kısayolu olarak ALT + G eklendi.
• Özellikleri içe aktarma biçimlendirmesi: Standart JavaScript içe aktarma özellikleri söz dizimi için güzel yazdırma biçimlendirmesini desteklemek üzere temel Acorn ayrıştırıcısı güncellendi.

Chromium sorunları: 493674242, 485142682, 480172712, 491167992

Geliştirici Araçları'nda güvenlik ve kökler arası erişime kapalı web siteleri

Diğer birçok yazılım ürününde olduğu gibi, güvenlik raporlarında da son zamanlarda bir artış gördük. Bu raporların çoğu yapay zeka yardımıyla tespit edildi. Ekip, DevTools'un güvenliğini sağlamak için bu sorunları sürekli olarak inceliyor ve düzeltiyor:

• Canlı İfadeler için Self-XSS korumaları: Konsol'da Canlı İfadeler oluşturulurken Self-XSS uyarı iletişim kutuları ve koruma mekanizmaları eklendi.
• Kaydedici gezinme izin verilenler listeleri ve tekrar oynatma doğrulaması: Kaydedici paneli artık yüksek ayrıcalıklı sayfalara gitmeyi önlemek için katı gezinme izin verilenler listelerini ve tekrar oynatma bölümlerinde katı uzantı kaynağı doğrulamayı zorunlu kılıyor.
• Uzantı ağını geçersiz kılma kısıtlamaları: Uzantılar tarafından yönetilen ağ geçersiz kılmaları artık runtime_blocked_hosts ana makine politikalarını sıkı bir şekilde uyguluyor.
• Güvenli @font-face oluşturma: CSSStyleSheet API'si ve güvenli URL dizeleştirme kullanılarak @font-face kural oluşturma yeniden düzenlendi. Böylece, veri URL'leri üzerinden CSS yerleştirme önlendi.

Öne çıkan seçenekler

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

• Performans: Belirlenen önbellek isabetlerinde aktarım boyutu 0 bayta zorlanarak önbelleğe alınmış ağ istekleri için TraceTree aktarım boyutu şişirilmesi düzeltildi.
• Performans: İsteğe bağlı Chrome UX Raporu (CrUX) deviceScope alan verilerini desteklemek için performans biçimlendiricileri güncellendi.
• Performans: Uzun dosya URL'lerinde üç nokta kısaltmasını önlemek için Arama Ağacı tablolarında yatay kaydırma etkinleştirildi.
• Performans: Birden fazla izleme dosyasında, Öngörüler kenar çubuğunda bozuk yeniden oluşturma ve DOM durumu bozulması düzeltildi.
• Performans: Deneysel bayraklardaki zaman çizelgesi geçersiz kılma izleme ve hata ayıklama modu ayarları, standart Geliştirici Araçları ayarlarına taşındı.
• Ağ: Has overrides sütununu geri yüklemek için yanlış sütun yeniden adlandırma işlemi geri alındı ve başlık ile içerik geçersiz kılmaları için sıralama mantığı düzeltildi.
• Ağ: Sunucu zamanlaması şelale çubuklarında CSS attr() stili düzeltildi. Böylece satır başına oluşturulan renkler düzgün şekilde oluşturuluyor.
• Ağ: Adsız çerezler için cURL olarak kopyala komutunun oluşturulması düzeltildi.
• Uygulama: Yeni StorageAgent altyapısını kullanarak Uygulama panelinde bağlı yerel ve oturum depolama öğeleri.
• Uygulama: Önceden yükleme durumu önceliği düzeltildi. Böylece hem önceden getirme hem de önceden oluşturma işlemlerinde başarılı olan URL'ler doğru şekilde "önceden oluşturulmuş" olarak gösteriliyor.
• Uygulama: Heap Snapshot görünümlerindeki sütunlarda tam olarak aynı bayt değerine sahip ipuçları gösterildi.
• Sorunlar: Geri gezinme işlemi reklam girişlerini atladığında BackUINavigationWouldSkipAd sorun türü gösteriliyordu.
• Sorunlar: E-posta doğrulama isteğiyle ilgili sorunların (EmailVerificationRequestIssue) gösterilmesi için destek eklendi.
• Lighthouse: Lighthouse yapılandırma paneline Agentic Browsing kategori onay kutusu (varsayılan olarak devre dışı) eklendi ve paketlenmiş Lighthouse motoru v13.3.0 sürümüne güncellendi.

Chromium sorunları: 518021339, 40908621, 517519019, 487755345, 505284391, 465915378, 512908993, 40543651

Erişilebilirlikle ilgili iyileştirmeler

Chrome 150, Geliştirici Araçları'nda ekran okuyucu duyurularında, widget yapılarında ve ARIA semantiğinde çeşitli iyileştirmeler sunar:

• Sekmeler seçilirken ve Stiller sekmesindeki bölümlerde gezinirken ekran okuyucu bildirimleri iyileştirildi.
• İletişim kutusunu kapatma simgelerine açıklayıcı ipuçları eklendi ve ipuçlarında ARIA ayrıntı ve açıklama özelliklerine izin verildi.
• Yardımcı teknolojilerde gezinmeyi iyileştirmek için bağlam menüsü öğelerinde katı ARIA menuitem rolleri zorunlu kılındı.

Chromium sorunları: 510013788