Geliştirici Araçları'ndaki yenilikler - Kasım 2026

Matthias Rohmer

Yayınlanma tarihi: 20 Ekim 2026

Ekim ayında kararlı sürüme geçen Chrome 155 ve Chrome 156, kasım ayında tarayıcınıza yeni hata ayıklama ve yazma özellikleri getiriyor: Temsilciler için Geliştirici Araçları'nda CSS stili inceleme, Öğeler'de CSS sabitleme konumu için etkileşimli bir position-area düzenleyici ve Uygulama'da Web Install manifesti ve reklam kaynağı teşhisi. Ayrıca Bellek'te kullanılmayan bağlam değişkenlerini tespit edebilir, Ağ'da Erken İpuçları önceden yükleme uyarılarını ve kalıcı geçersiz kılmaları inceleyebilir ve Performans'ta zaman çizelgelerinde daha sorunsuz gezinebilirsiniz.

Öğeler panelinin Stiller sekmesinde, sabitleme konumu yer paylaşımının yanındaki görsel konum alanı düzenleyicisinde sabitleme kılavuzu bölgelerini seçme.
Öğeler panelinin Stiller sekmesinde, sabitleme konumu yer paylaşımının yanındaki görsel konum alanı düzenleyicisinde sabitleme kılavuzu bölgelerini seçme.

Temsilciler için Geliştirici Araçları

Chrome Geliştirici Araçları MCP sunucusu, kodlama aracıları için CSS stili denetimi, yapılandırma dosyası desteği ve parçalı izleme ayrıştırma özellikleri ekler:

  • CSS stili inceleme: Sayfalandırmayı (pageSize ve pageIdx) destekleyen ve eşleşen kuralları, devralınan kuralları, sözde öğeleri, @keyframes ve @ kurallarını (@position-try, @property ve @function) biçimlendiren get_css_styles aracıyla hesaplanan ve eşleşen stilleri inceleyin.
  • Yapılandırma dosyası ve yol kontrolleri: Sunucu işaretlerini özel bir yapılandırma dosyasıyla yönetin, özel dosya sistemi köklerini yapılandırın ve CLI'da varsayılan olarak --allow-unrestricted-paths kullanın.
  • Parçalı izleme arabelleği ayrıştırma: Parçalı izleme arabelleği ayrıştırıcısı ve 1,2 GB varsayılan izleme arabelleği ile büyük performans kayıtlarını ayrıştırın. Geliştirici Araçları, bellek sızıntılarını önlemek için izleme motoru örneklerini ayrıştırma başına kapsamlandırır.
  • İletişim kutusu işleme ve konsol kalıcılığı: Harf Çevirme Aracı işlemleri sırasında tetiklenen JavaScript iletişim kutularını otomatik olarak işleyin ve aynı doküman gezinmelerinde konsol mesaj geçmişini koruyun.
  • Menü güncellemesi: Kurulum talimatlarını açmak için Geliştirici Araçları ana menüsünde Temsilciler için Chrome Geliştirici Araçları'nı edinin'i tıklayın.

chrome-devtools-mcp deposunda daha fazla bilgi edinebilirsiniz.

Öğeler: Görsel konum alanı düzenleyici, dolaylı sabitleme seçimi ve CSS yazma güncellemeleri

Öğeler paneli, CSS sabitleme konumu için görsel araçlar sunar ve CSS incelemesini genişletir:

  • Görsel position-area düzenleyici: Stiller sekmesinde bir position-area bildiriminin yanındaki satır içi renk örneğini tıklayarak sabitleme kılavuzu bölgelerini görsel olarak seçin, eksenleri aynı anda veya ayrı ayrı yapılandırın, self anahtar kelimesini açıp kapatın ve eksensiz anahtar kelimeleri kısaltın.
  • Popover süsleyicilerinde dolaylı sabitleyici seçimi: Bir öğenin birden fazla dolaylı sabitleyicisi olduğunda DOM ağacındaki bir popover süsleyiciyi sağ tıklayarak ilişkili sabitleyici öğelerden herhangi birini inceleyip bu öğelere geçiş yapabilirsiniz.
  • Sabit konumlandırma kutusu yer paylaşımı: Sabit konumlu öğelerde hata ayıklarken iç içe yerleştirilmiş değiştirilmiş kapsayıcı blok (IMCB) kenar boşluğu, dolgu, kenarlık ve içerik kutularını doğrudan görüntü alanı yer paylaşımında inceleyin.
  • Flexbox düzenleyicide wrap-reverse: flex-wrap: wrap-reverse özelliğini doğrudan Stiller sekmesindeki görsel Flexbox düzenleyiciden açıp kapatın.
  • @starting-style için etkin olmayan CSS stilleri ve devralınan kurallar: Güncellemeler arasında manuel olarak genişletme ve daraltma durumları korunmuş olan etkin olmayan @starting-style kurallarını ve Inherited from bölümlerini inceleyin.
  • Çok tireli özel özellikler ve sınıf otomatik tamamlama: Üç veya daha fazla tireyle başlayan CSS özel özelliklerini (ör. ---theme-color) inceleyip düzenleyin ve önceden uygulanmış sınıfları Yeni Sınıf Ekle otomatik tamamlama önerilerinden filtreleyin.
Öğeler panelindeki DOM ağacında popover süsleyici bağlam menüsünden dolaylı bir sabitleyici öğe seçme.
Öğeler panelindeki DOM ağacında popover süsleyici bağlam menüsünden dolaylı bir sabitleyici öğe seçme.

Chromium sorunları: 553335561, 438724570, 413061413, 397184392, 539424116, 533783988

Uygulama: Web'den yükleme manifesti teşhisi, reklam kaynağı ve depolama alanı tablosu güncellemeleri

Uygulama ve Sorunlar panelleri; web yükleme manifestleri, reklam komut dosyası kaynağı ve depolama alanı denetimi için teşhis bilgileri ekler:

  • Web'den yükleme manifesti teşhisi: Sorunlar panelinde web'den yükleme (navigator.install ve <install>) manifest hatalarını inceleyin. Bu hatalar arasında getirme hataları, söz dizimi hataları, geçersiz start_url değerleri, eksik adlar veya kimlikler ve eksik manifestler yer alır. Etkilenen manifest dosyasına doğrudan bağlantılar sağlanır.
  • Reklam kaynağı sütunu ve metrik belgeleri: Bir reklam komut dosyasının, üst komut dosyası zinciriyle mi yoksa filtre listesi kuralıyla mı eşleştiğini görmek için Uygulama panelinin Reklamlar bölümündeki yeni Reklam kaynağı sütununu inceleyin. Ayrıca reklam metrikleriyle ilgili doküman ipuçlarını ve Daha fazla bilgi bağlantılarını da görebilirsiniz.
  • IndexedDB ve Çerezler tablosu ergonomisi: Kaydırma konumunuzu koruyan dinamik satır yükseklikleriyle IndexedDB veri tablosundaki iç içe yerleştirilmiş nesneleri genişletin ve klavyeyi veya bağlam menüsünü kullanarak Çerezler tablosundaki seçili satırları silin.
Uygulama panelinin Reklamlar bölümündeki Reklam kaynağı sütununu ve üst öğe ipucunu, Sorunlar çekmecesindeki Web'den Yükleme manifest hatasıyla birlikte inceleme.
Uygulama panelinin Reklamlar bölümünde Reklam kaynağı sütununu ve üst öğe ipucunu, Sorunlar çekmecesinde ise Web'den Yükleme manifest hatasını inceleme

Chromium sorunları: 333795265, 553428200, 514957134, 555304817, 555304814, 562142155

Ağ: Erken İpuçları önceden yükleme uyarıları ve kalıcı geçersiz kılmalar

Ağ paneli; Erken İpuçları teşhislerini, yerel geçersiz kılmaları ve özel üstbilgi iş akışlarını iyileştirir:

  • Önbellek devre dışı bırakıldığında Erken İpuçları önceden yükleme uyarısı: Önbelleği devre dışı bırak etkin durumdayken 103 Early Hints yanıtları önceden yükleme bağlantıları içeriyorsa Erken İpuçları başlıkları bölümünde Chrome'un bu önceden yüklemeleri neden yoksaydığını açıklayan bir uyarı görürsünüz.
  • Kalıcı yerel geçersiz kılmalar ve özel başlık sütunları: Sayfada gezinme sırasında yerel yanıt gövdesi geçersiz kılmalarını sunun, özel istek ve yanıt başlığı sütun yapılandırmalarını ve sıralama ölçütünü yeniden yüklemeler arasında koruyun ve bağlam menüsünden kesilmiş ham istek yüklerini kopyalayın.
Ağ panelinin Başlıklar sekmesinde, Önbelleği devre dışı bırak seçeneği etkinleştirilmiş ve yerel yanıt geçersiz kılma etkin durumdayken Erken İpuçları önceden yükleme uyarısı inceleniyor.
Ağ panelinin Başlıklar sekmesinde, Önbelleği devre dışı bırak seçeneği etkinleştirilmiş ve yerel yanıt geçersiz kılma etkin durumdayken Erken İpuçları önceden yükleme uyarısını inceleme.

Chromium sorunları: 548701038, 559925510, 563542902, 556269542, 377410082

Bellek: Yığın anlık görüntülerinde geçersiz bağlam alanı algılama

Bellek paneli artık V8 yürütme bağlamlarında saklanan kullanılmayan closure değişkenlerini algılıyor. Geliştirici Araçları, kapanışları paylaşılan Context nesneleriyle ilişkilendirmek için yığın anlık görüntülerine yerleştirilmiş V8 kapsam meta verilerini ayrıştırır. Ardından, etkin olmayan kapanışlar tarafından erişilmeyen ancak uzun ömürlü kardeş kapanışlar tarafından etkin tutulan ölü bağlam alanlarını, bellek üzerindeki etkilerine göre sıralayarak vurgular.

Paylaşılan bir V8 yürütme bağlamı tarafından saklanan, artık kullanılmayan bir bağlam değişkenini incelemek için Memory (Bellek) panelinde bir yığın anlık görüntüsünü Objects retained by contexts (Bağlamlar tarafından saklanan nesneler) ölçütüne göre filtreleme.
Paylaşılan bir V8 yürütme bağlamı tarafından saklanan, artık kullanılmayan bir bağlam değişkenini incelemek için Bellek panelinde yığın anlık görüntüsünü Bağlamlar tarafından saklanan nesneler'e göre filtreleme

Chromium sorunları: 497855658

Performans: Daha akıcı zaman çizelgesi gezinmesi ve korunmuş çağrı ağacı durumu

Performans paneli, daha duyarlı flame grafiği gezinme olanağı sunar ve analiz bağlamınızı paneller arasında korur:

  • Daha akıcı zaman çizelgesi gezinmesi: Zaman çizelgesi mini haritasını yakınlaştırma, kaydırma ve sürükleme işlemlerinde artık gecikme yaşanmıyor.
  • Korunan çağrı ağacı ve aşağıdan yukarıya durum: Çağrı ağacı ve Aşağıdan yukarıya sekmelerinde genişletilmiş düğümlerinizi, seçiminizi veya kaydırma konumunuzu kaybetmeden Geliştirici Araçları panelleri arasında geçiş yapın.
Performans panelinin Çağrı ağacı sekmesinde, yakınlaştırılmış zaman çizelgesi mini harita aralığı ve genişletilmiş JavaScript etkinlik düğümleri inceleniyor.
Performans panelinin Çağrı ağacı sekmesinde yakınlaştırılmış zaman çizelgesi mini harita aralığını ve genişletilmiş JavaScript etkinliği düğümlerini inceleme

Chromium sorunları: 553831653, 561396590

Öne çıkan seçenekler

Chrome 155 ve Chrome 156, Geliştirici Araçları panellerinde aşağıdaki iyileştirmeleri de içerir:

  • Sensörler: navigator.cpuPerformance değerini doğrudan Sensörler panelindeki yeni CPU Performans Katmanı kontrolünden geçersiz kılın veya etkin CPU kısıtlama ön ayarlarını yansıtmasına izin verin. (Chromium sorunları: 449760252, 526856234, 526857820)
  • Cihaz Modu: Öykünülen her cihaz için ölçek ve otomatik ayarlanan yakınlaştırma tercihlerinizi koruyun ve cihaz araç çubuğunu açıp kapatırken Save-Data geçersiz kılma işlemini sürdürün. (Chromium sorunları: 561306841, 555160483)
  • Renk Seçici: Koyu arka planlardaki açık renkli metinler için APCA kontrast renk önerilerini görüntüleyin ve gamut dışı renkleri NaN değerleri olmadan oklab() ve oklch() değerlerine dönüştürün. (Chromium sorunları: 560325669, 558821258)
  • Erişilebilirlik: Etkin normal ifade filtresi açma/kapatma düğmelerini renkli olmayan bir gösterge noktasıyla tanımlayın, CSS'ye Genel Bakış'ta ekran okuyucular tarafından duyurulan yazı tipi özelliği adlarını dinleyin ve panellerde iyileştirilmiş klavye odak halkaları ve yüksek kontrast görünürlüğü ile gezinin. (Chromium sorunları: 556764882, 555848535, 555599825, 553804654)
Sensörler çekmecesinde CPU performans katmanını geçersiz kılma ve Renk Seçici'de kontrast oranı önerilerini ve oklch değerlerini inceleme.
Sensörler çekmecesinde CPU performans katmanını geçersiz kılma ve renk seçicide kontrast oranı önerilerini ve oklch değerlerini inceleme

Chromium sorunları: 449760252, 526856234, 526857820, 561306841, 555160483, 560325669, 558821258, 556764882, 555848535, 555599825, 553804654