DevTools'daki yenilikler - Ekim 2026

Matthias Rohmer

Yayınlanma tarihi: 1 Ekim 2026

Chrome 153 ve Chrome 154, geçen ay kararlı sürüme sunuldu. Bu sürümler, günlük iş akışınızda kullanabileceğiniz bir dizi geliştirici iyileştirmesi içeriyor. Bu sürümde; Geliştirici Araçları'nda aracıların ince ayrıntılı JavaScript yürütme denetimleri, Uygulama panelinde reklam komut dosyası izleme, tam yumuşak gezinme desteği ve Performans'ta CPU performans katmanı geçersiz kılmaları, Öğeler'de etkin olmayan stiller ve klavye ile erişilebilen süslemeler için destek, Yapay Zeka Desteği'nde kaynak inceleme ve performans izi kaydı ile Cihaz Modu'nda modernleştirilmiş cihaz hazır ayarları öne çıkıyor.

Temsilciler için Geliştirici Araçları

Chrome Geliştirici Araçları MCP sunucusu, kodlama aracıları için yeni güvenlik kontrolleri, performans ayarlama ve bellek analizi özellikleri sunar:

  • Agent Plugins 1.0 paketi: Temsilcilerin modüler eklenti uzantılarını yüklemesine ve yürütmesine olanak tanıyan Agent Plugins 1.0 paketi için destek eklendi.
  • JavaScript yürütme kontrolleri: Sayfaları komut dosyalarını değerlendirmeden incelemek için --no-javascript-evaluation yapılandırın veya JavaScript yürütme araçlarını devre dışı bırakın. Bu, gezinmeler ve başlatma komut dosyaları için geçerlidir.
  • İsteğe bağlı kaynak eşlemeleri: Kaynak eşlemelerini devre dışı bırakma ve isteğe bağlı olarak kaynak eşlemelerini geç yükleme seçeneği eklendi. Bu sayede büyük sitelerde yüksek bellek kullanımı önlenir.
  • Yapılandırılabilir dosya sistemi kökleri ve CLI yolu izinleri: CLI artık varsayılan olarak --allow-unrestricted-paths'ı içeriyor ve yapılandırılabilir dosya sistemi köklerini destekliyor.
  • Yığın anlık görüntüsü incelemesi: Nesneleri doğrudan tutulan boyuta veya query_heapsnapshot ile özellik adına göre sorgulayın, kenarlar için kendi boyutlarını ve tutulan boyutları görüntüleyin ve V8 yürütme bağlamları tarafından tutulan belleği inceleyin.
  • PWA otomasyon araçları: Progresif web uygulaması yükleme ve yaşam döngüsü kontrollerini otomatikleştirmek için özel araçlar eklendi.
  • Konsol yığın izleri: list_console_messages ile konsol mesajlarını listelerken isteğe bağlı yığın izlerini alın.

Daha fazla bilgiyi chrome-devtools-mcp repository adresinde bulabilirsiniz.

Chrome Kullanıcı Deneyimi Raporu (CrUX) için dört deneysel reklam metriğinin kullanıma sunulmasının ardından bu yeni alt panel, sayfa genelindeki reklamlarla ilgili bilgileri hata ayıklama ve optimize etme konusunda merkezi bir konumdur. Bunlardan bazıları:

  • Yeni deneysel metrikler için bir kontrol paneli: Görüntü alanı reklam yoğunluğu, görüntü alanı reklam sayısı, reklamların toplam CPU kullanımı, reklamların toplam ağ kullanımı.
  • Reklam öğelerine göre CPU ve ağ kullanımının segmentasyonu
  • Ana çerçevedeki reklam komut dosyaları tablosu.
  • Sayfadaki reklamları vurgulayan bir açma/kapatma düğmesi.

Yeni reklam metrikleri hakkında daha fazla bilgiyi dokümanlarımızda bulabilirsiniz.

Yeni reklam komut dosyaları tablosunu gösteren ve Kaynaklar'da bir reklam komut dosyası ortaya çıkaran uygulama paneli Reklamlar sekmesi.
Yeni reklam komut dosyaları tablosunu gösteren ve Kaynaklar'da bir reklam komut dosyasını ortaya çıkaran uygulama paneli Reklamlar sekmesi.

Chromium sorunları: 514957134, 512927903, 540469610

Performans paneli, uçtan uca yumuşak gezinme ölçümü, donanım kalibrasyonu geçersiz kılma ve daha derin izleme araması sunar:

  • Tam yumuşak gezinme desteği: Chrome 152'de canlı metrikler ve izleme görünümlerinde yumuşak gezinme desteğinin kullanıma sunulmasının ardından, yumuşak gezinme analizi artık Analizler'de de kullanılabilir. Böylece, Performans panelinde yumuşak gezinmelerin ölçülmesine yönelik uçtan uca tam destek sağlanmış olur.
  • CDP üzerinden CPU performans katmanı geçersiz kılma: Geliştirici Araçları artık Chrome Geliştirici Araçları Protokolü (Emulation.setCPUPerformanceOverride) üzerinden kalibre edilmiş CPU performans katmanı geçersiz kılmalarını yapılandırmayı, hesaplamayı ve göndermeyi destekliyor. Bu sayede, donanım katmanları arasında tekrarlanabilir performans testi yapılıyor.
  • Alev grafiğinde uzantı izi araması: Ctrl+F tuşuna basıldığında, Performans panelindeki alev grafiği artık Extensibility API kullanılarak kaydedilen özel izlerdeki girişlerle eşleşiyor ve bu girişlerin ipucu metni, özellikleri ve kullanıcı ayrıntıları aranıyor.
  • CPU profili iş parçacığı görselleştirme: Performans paneli alev grafiği artık yalnızca CPU profili örnekleri içeren iş parçacıklarını oluşturarak WebAssembly iş parçacıkları gibi arka plan yürütmelerinin zaman çizelgesi görünümlerinde görünmesini sağlıyor.
Performans panelinde uçtan uca yumuşak gezinme iş akışı.

Chromium sorunları: 449760252, 483092899, 540020488

Öğeler: Etkin olmayan stiller, klavyeyle erişilebilen süslemeler ve ağaç ana hattı düzeltmeleri

Öğeler panelinde CSS'yi incelemek ve oluşturmak daha hızlı ve erişilebilirdir:

  • Etkin olmayan stiller için destek: DevTools artık geçerli olmayan stil kurallarını göstermeye devam edebilir. Bu kurallar, etkin olmayan görsel göstergeyle açıkça ayırt edilir. Etkin olmayan stilleri etkinleştirin ve Ayarlar'da daraltma davranışlarını yapılandırın.
  • Klavyeyle erişilebilen süslemeler: DOM ağacındaki etkileşimli süslemeler (Kaynak Görüntüle, Başlangıç Stili, Kaydırma Snap'i ve Göster dahil) artık klavyeyle odaklanılabilir ve Enter veya Space kullanılarak etkinleştirilebilir.
  • Sürükle ve bırak ile yeniden sıralama: DOM ağacındaki öğeleri sürükleyerek DOM düğümlerini yeniden sıralama artık gölge DOM sınırları genelinde güvenilir bir şekilde çalışıyor ve bırakma yerleşimi göstergeleri net bir şekilde gösteriliyor.
  • CSS özelliklerinin daha sorunsuz şekilde açılıp kapatılması: Stiller sekmesinde CSS özelliği onay kutularının açılıp kapatılması artık kullanıcı arayüzünde yinelenen yeniden çizimlere veya görsel yanıp sönmeye neden olmuyor.
Öğeler panelinde etkin olmayan bir CSS kuralı gösteriliyor.
Etkin olmayan bir CSS kuralını gösteren Öğeler paneli.

Chromium sorunları: 539424116, 554057179, 555088527, 548477554

Cihaz modu: Form faktörüne göre gruplandırılmış modern cihaz hazır ayarları

Cihaz Modu araç çubuğu ve Ayarlar > Cihazlar görünümü, emüle edilen donanımı net kategoriler halinde düzenler:

  • Form faktörü gruplandırması: Emüle edilmiş cihazlar artık Mobil, Katlanabilir Cihazlar, Tabletler ve Masaüstü Bilgisayarlar ve Akıllı Ekranlar olarak gruplandırılıyor.
  • Güncellenmiş donanım kataloğu: iPhone 16, Pixel 9, Pixel 10, Galaxy Z Fold 6, iPad Pro 13" ve Nest Hub Max gibi modern hazır ayarlar eklendi. Ayrıca, güncelliğini yitirmiş eski cihaz tanımları kaldırıldı.
Cihaz Modu, form faktörüne göre gruplandırılmış modern cihaz hazır ayarlarını gösterir.
Form faktörüne göre gruplandırılmış modern cihaz hazır ayarlarını gösteren Cihaz Modu.

Chromium sorunları: 526856234, 526857820

Ağ: Konsol'da düzenleyin ve fetch olarak yeniden gönderin. Yerel geçersiz kılmalar güvenliği geçersiz kılar.

Ağ isteği inceleme ve hata ayıklama iş akışları kolaylaştırıldı ve güvenli hale getirildi:

  • Console'da getirme olarak düzenleyip yeniden gönderme: Herhangi bir ağ isteğinde Console'da getirme olarak düzenleyip yeniden gönderme'yi seçtiğinizde artık fetch() ifadesi isteme yapıştırılmış, parametre yorumları ve orijinal isteğe referans bağlantısı eklenmiş şekilde Console paneli otomatik olarak odaklanır.
  • Yerel geçersiz kılmalar güvenliği sağlamlaştırma: Ağ paneli artık yerel geçersiz kılmalarda dosya yolu manipülasyonunu (%2E%2E) engelliyor ve data:, blob:, javascript: ve about: gibi http(s) olmayan şemalarda geçersiz kılma oluşturulmasını yasaklıyor.
  • cURL (cmd) olarak kopyala'da şapka işaretiyle kaçış: Ağ isteklerini Windows için cURL komutları olarak kopyalama cmd.exe artık parantezleri ve ters tırnakları şapka işaretiyle kaçırarak alternatif kabuklara yapıştırıldığında komut söz dizimi hatalarını önlüyor.
  • İkili yük imleci senkronizasyonu: Yük sekmesi, Hex, Base64 ve UTF-8 görünümleri arasında geçiş yaparken kaydırma ve imleç konumunuzu korur.
Bir ağ isteğini sağ tıklayıp "Fetch olarak düzenle ve yeniden gönder"i seçtiğinizde, Console paneli, getirme ifadesi yapıştırılmış ve düzenlenmeye hazır şekilde otomatik olarak odaklanır.
Bir ağ isteğini sağ tıklayıp "Getirme olarak düzenle ve yeniden gönder"i seçtiğinizde, Konsol paneli, getirme ifadesi yapıştırılmış ve düzenlenmeye hazır şekilde otomatik olarak odaklanır.

Chromium sorunları: 40726969, 513843792, 513836026, 407750982

Bellek: Yığın anlık görüntüsü kenar filtreleme, boyut sıralama ve nesne sorgulama

Bellek paneli, yığın anlık görüntülerini analiz etmek için daha ayrıntılı araçlar sunar:

  • Kenarları sıralama ve filtreleme: Artık yığın anlık görüntülerindeki kenarları minimum tutulan boyuta göre filtreleyebilir ve anlamlı nesne referanslarına odaklanmak için temel değerleri (null, undefined, true, false) filtreleyebilirsiniz. Kenarlar, tutulan boyuta, kendi boyutuna veya ada göre sıralanabilir.
  • Doğrudan nesne sorgulama: Geliştirici Araçları, yığın anlık görüntüsü nesnelerini tutulan boyut eşiğine veya özellik adına göre doğrudan sorgulamayı destekleyerek bellek sızıntısı araştırmalarını kolaylaştırır.
  • Bağlamı koruma analizi: Heap anlık görüntüleri, özellikle V8 yürütme bağlamları tarafından etkin tutulan toplu belleği hesaplayıp raporlayabilir.
  • Esnek anlık görüntü ayrıştırma: Geçersiz veya bozuk yığın anlık görüntü dosyaları artık ayrıştırmanın askıya alınmasına neden olmak yerine net hatalar gösteriyor.

Chromium sorunları: 497855658

Erişilebilirlikle ilgili iyileştirmeler

Chrome 153 ve Chrome 154'te aşağıdaki erişilebilirlik geliştirmeleri yer alır:

  • Öğeler: macOS'teki VoiceOver artık DOM ağacı öğelerinde gezinirken "genişletildi" ve "daraltıldı" durum değişikliklerini kibar bir canlı bölge aracılığıyla duyuruyor. (Chromium sorunu: 540028208)
  • Sorunlar: Sorunlar sayacında yinelenen ekran okuyucu duyuruları düzeltildi. Tek bir temiz özet okunuyor ve Sorunlar panelinde doğru düğme olmayan anlamsal yapı uygulanıyor. (Chromium sorunu: 536977880)
  • Öğeler: Etkileşimli süslemeler (Kaynak Görüntüle, Başlangıç Stili, Kaydırma Sabitleme ve Göster) klavye kullanılarak tamamen odaklanılabilir ve etkinleştirilebilir. (Chromium sorunu: 554057179)
  • Canlı bölgeler: Canlı duyuruları ve ariaNotify aramaları kaydetmek ve hatalarını ayıklamak için AccessibilityAnnouncementRecordingView eklendi. (Chromium sorunu: 527462118)

Chromium sorunları: 540028208, 536977880, 554057179, 527462118