Sofia Emelianova
Ağ paneli iyileştirmeleri
Web içeriğini yerel olarak daha da hızlı geçersiz kılma
Yerel geçersiz kılmalar özelliği artık daha kullanışlı hale getirildi. Böylece, uzak kaynakların yanıt başlıklarını ve web içeriğini bunlara erişim olmadan Ağ panelinden kolayca taklit edebilirsiniz.
Web içeriğini geçersiz kılmak için Ağ panelini açın, bir isteği sağ tıklayın ve İçeriği geçersiz kıl'ı seçin.
Yerel geçersiz kılma ayarlarınız varsa ancak devre dışıysa DevTools bunları etkinleştirir. Henüz ayarlamadıysanız DevTools, en üstteki işlem çubuğunda sizi uyarır. Geçersiz kılmaların saklanacağı bir klasör seçin ve DevTools'un bu klasöre erişmesine izin verin.
DevTools, geçersiz kılma işlemleri ayarlandıktan sonra sizi web içeriğini geçersiz kılmanıza olanak tanımak için Kaynaklar > Geçersiz kılma işlemleri > Düzenleyici'ye yönlendirir.
Geçersiz kılınan kaynakların Ağ panelinde 
ile gösterildiğini unutmayın. Nelerin geçersiz kılındığını görmek için fareyle simgenin üzerine gelin.
Chromium sorunları: 1465785, 1470532, 1469359.
XHR ve getirme isteklerinin içeriğini geçersiz kılma
Artık yanıt başlıklarına ek olarak XHR ve getirme isteklerinin içeriğini geçersiz kılabilirsiniz. Bu tür geçersiz kılmalarla, arka ucunuz ve API'niz henüz hazır olmasa bile web sayfanızdaki hataları ayıklamak için API yanıtlarını taklit edebilirsiniz.
Geliştirici Araçları, şu anda şu istek türleri için içerik geçersiz kılma işlemlerini desteklemektedir: resimler (örneğin, avif, png), yazı tipleri, getirme ve XHR, komut dosyaları (css ve js) ve dokümanlar (html). DevTools artık desteklenmeyen türler için İçeriği geçersiz kıl seçeneğini devre dışı bırakır.
Chromium sorunları: 792101, 1469776.
Chrome uzantı isteklerini gizleme
Ağ paneline, yazdığınız koda odaklanmanıza ve Chrome'a yüklemiş olabileceğiniz uzantılar tarafından gönderilen alakasız istekleri filtrelemenize yardımcı olacak yeni bir filtre eklendi.
chrome-extension:// URL'ye gönderilen tüm istekleri filtrelemek için 
Uzantı URL'lerini gizle'yi işaretleyin.
Chromium sorunları: 1257885, 1458803.
Kullanıcıların okuyabileceği HTTP durum kodları
İsteğin başlığındaki Durum Kodu, HTTP durum kodlarının yanında artık kullanıcı tarafından okunabilir metin gösteriyor. Böylece istekle ilgili durumu daha hızlı anlayabilirsiniz.
Aynı metni görmek için fareyle istek tablosundaki durum kodunun üzerine de gelebilirsiniz.
Chromium sorunu: 1153956.
JSON alt türleri için yanıtları okunaklı hâle getirin
application/[subtype]+json MIME alt türüne (örneğin, ld+json, hal+json ve diğerleri) sahip bir istek için Yanıt sekmesi artık yanıtı doğru şekilde ayrıştırıyor ve güzelleştirmenize olanak tanıyor.
Chromium sorunu: 406900.
Performans: Ağ etkinliklerinin getirme önceliğindeki değişiklikleri görün
Performans paneli artık Ağ kanalındaki bir etkinliğin Özeti'nde iki öncelik alanı gösteriyor: İlk Öncelik ve (nihai) Öncelik. Yalnızca Öncelik. Bu ek alanla artık etkinliğin getirme önceliğinin değişip değişmediğini görebilir ve indirme işlemlerinin sırasını ayarlayabilirsiniz. Daha fazla bilgi için Fetch Priority API ile kaynak yüklemeyi optimize etme başlıklı makaleyi inceleyin.
Buna ek olarak, aynı bilgileri Ağ panelinin Öncelik sütununda, 
Büyük istek satırları ayarı etkin halde bulabilirsiniz.
Chromium sorunları: 1463901, 1380964.
Varsayılan olarak etkinleştirilen kaynak ayarları: Kod katlama ve otomatik dosya gösterme
Ayarlar > Tercihler > 
Kod katlama seçeneği artık varsayılan olarak etkinleştirildi. Bu seçenek, kod bloklarını katlamanıza olanak tanır.
Bir kod bloğunu daraltmak için fareyle bloğun başlangıcındaki satır numarasının üzerine gelip 
daraltma simgesini tıklayın. Bloğu tekrar genişletmek için {...} işaretini tıklayın.
Ayrıca 
Ayarlar > Tercihler > 
Kenar çubuğundaki dosyaları otomatik olarak göster seçeneği de artık varsayılan olarak etkin.
Bu ayar, sekmeler arasında geçiş yaptığınızda Kaynaklar > Sayfa'daki dosya ağacının Düzenleyici'de açık olmasını sağlar.
Chromium sorunları: 1459193, 1336599.
Üçüncü taraf çerez sorunlarının hata ayıklama işlemi iyileştirildi
Chrome, daha gizli bir web oluşturmaya yardımcı olmak ve buna paralel olarak diğer tarayıcılar tarafından yapılan güncellemelere paralel olarak Özel Korumalı Alan girişimini kullanıma sundu. Bu girişim, web'de gizliliği temelden iyileştirir ve üçüncü taraf çerezlerini geçersiz kılacak şekilde sağlıklı, reklam destekli bir web'i sürdürebilir. Özel Korumalı Alan, değişikliklere rahat bir şekilde uyum sağlamanızı sağlamak için kademeli bir kullanımdan kaldırma zaman çizelgesine sahiptir.
Chrome'un üçüncü taraf çerezlerini aşamalı olarak kullanımdan kaldırma işleminin sonrasında nasıl davranacağını test edebilirsiniz. Bunu yapmak için --test-third-party-cookies-phaseout işaretiyle Chrome'u komut satırından çalıştırın. Bu işaretin ne işe yaradığını öğrenmek için Çerezlerde hata ayıklama başlıklı makaleyi inceleyin.
Chrome'u kullanma şeklinizden bağımsız olarak (bayrakla veya işaretsiz), Sorunlar sekmesinde artık tüm yeni Chrome kullanıcıları için 
Üçüncü taraf çerezleriyle ilgili sorunları dahil et onay kutusu varsayılan olarak etkin durumdadır ve sonuç olarak raporlar şu şekildedir:
- Yaklaşan kullanımdan kaldırmayla ilgili önemli bir değişiklik uyarısı.
- Üçüncü taraf çerezleriyle ilgili sorunlar.
Mevcut bir Chrome kullanıcısı olarak yakında kullanımdan kaldırılacak çerezlerle ilgili uyarıları görmek istiyorsanız bu onay kutusunu işaretlediğinizden emin olun.
Bunu test etmek için bu demo sayfasında çerezleri inceleyin.
Ayrıca, Ağ panelindeki 
Engellenen yanıt çerezleri filtresi, yalnızca engellenen yanıt çerezlerini gösterdiğini açıkça belirtecek şekilde yeniden ifade edildi.
Chromium sorunları: 1458839, 1462693, 1466310.
Uygulama panelinde önceden yükleme işleminde hata ayıklama
Chrome ekibi, kullanıcının gitme olasılığı yüksek olan gelecekteki sayfaların tam ön oluşturma özelliğini geri getiriyor. Geliştirici Araçları, bu konuda hata ayıklamanıza olanak tanımak için Uygulama paneline Ön yükleme bölümünü ekler. Yeni ön getirme ve ön oluşturma (toplu olarak "gezinme ön getirme" olarak bilinir) özelliği, bağlantı tabanlı kaynak ipuçları yerine Tahmin Kuralları API'sini kullanır.
Bu demo sayfasında, Uygulama > Ön yükleme bölümünde şunları inceleyebilirsiniz:
- Geçerli sayfada bulunan tüm kural gruplarını listeleyen Spekülasyon Kuralları.
- Kural gruplarındaki önceden getirilen ve önceden oluşturulan tüm URL'leri listeleyen ön yüklemeler.
- Geçerli sayfanın önceden işlenmiş durumunu listeleyen bu sayfa.
Daha fazla bilgi için tahmin kurallarıyla ilgili hata ayıklamayla ilgili özel yayına bakın.
Chromium sorunu: 1410709.
Yeni renkler
Geliştirici Araçları'nın artık Chrome ile daha uyumlu yeni bir görünüme kavuştuğunu fark etmiş olabilirsiniz. Buna katkıda bulunan faktörlerden biri yeni renk şemasıdır.
Bu sürümde (117), daha önce bahsedilen ve aşağıda listelenen kullanıcı deneyimi iyileştirmelerinin yanı sıra iyileştirilmiş kullanıcı arayüzü metinleri de DevTools'a eklendi.
Chromium sorunu: 1456677.
Lighthouse 10.4.0
Lighthouse panelinde artık Lighthouse 10.4.0 sürümü kullanılıyor. Bu sürümde en önemlisi, aşağıdakiler için yeni erişilebilirlik denetimleri eklenmiştir:
Örneğin:
Ayrıca değişikliklerin tam listesini de inceleyebilirsiniz. Geliştirici Araçları'ndaki Lighthouse panelini kullanmayla ilgili temel bilgileri öğrenmek için Lighthouse: Web sitesi hızını optimize etme başlıklı makaleyi inceleyin.
Chromium sorunu: 772558.
Geliştirici Araçları için C/C++ WebAssembly hata ayıklama uzantısı artık açık kaynak
Geliştirici Araçları için C/C++ WebAssembly hata ayıklama uzantısı artık açık kaynaktır ve Geliştirici Araçları ön uç veri havuzunda bulunur. Bu uzantı, WebAssembly olarak derlenen C++ programları için Geliştirici Araçları'nda hata ayıklama özelliklerini etkinleştirir. Daha fazla bilgi için C/C++ WebAssembly'de hata ayıklama başlıklı makaleyi inceleyin.
Uzantıyı nasıl oluşturacağınızı, çalıştıracağınızı ve test edeceğinizi öğrenin ve katkıda bulunmaya çekinmeyin.
Chromium sorunu: 1410709.
Çeşitli öne çıkan anlar
Bu sürümdeki dikkate değer düzeltme ve iyileştirmelerden bazıları şunlardır:
- CSS iç içe yerleştirme: Öğeler panelinde artık iç içe yerleştirilmiş alt öğeler için seçici zincirinin tamamı (1172985) gösterilmektedir.
- Uygulama > Manifest bölümünde artık manifest dosyasında
display_overridedeğerinin bulunup bulunmadığını kontrol eden ve ilgili dokümanların bağlantılarını sağlayan bir Pencere Denetimleri Yerleşimi bölümü bulunuyor. - Kaynaklar > Sayfa ağacı artık aşağıdakileri (1442863) kapsayan ancak bunlarla sınırlı olmayan işlemleri gerçekleştiriyor:
- Tüm içerikleri yoksayılanlar listesindeyse klasörleri devre dışı bırakır.
- Tüm içerikleri bir kaynak eşlemeden geliyorsa klasörler turuncu renkle gösterilir.
- Performans: Kayıt Ayarları artık kaydı başlattığınızda otomatik olarak gizlenir (1455498).
- Kaynaklar > Düzenleyici'de Ctrl + Ok (Win) ve Opt + Ok (MacOs) davranışı geri yüklendi (1468208).
- Animasyonlar > Tümünü duraklat açma/kapatma düğmesi artık sayfa yüklemelerinde durumunu korur (1446046).
- Uygulama > Depolama > Önbellek depolama alanı, Uygulama > Depolama > Önbellek bölümüne taşındı (1462622).
- Bazı kullanıcı arayüzü metinleri ve ipuçları iyileştirildi: Donanım eşzamanlılığı ipucu, Ağ filtresi metinleri ve ana menü seçeneği, Uygulama ağacı görünümündeki büyük harf kullanımı, Ağ > Üstbilgi metinleri, Kaynaklar > Geçersiz Kılmalar ve Dosya Sistemi metinleri.
Yeni deneysel özellikler
Yeni oluşturma emülasyonu: prefers-reduced-transparency
Web sitenizin kullanıcıları, şeffaf efektleri azaltmayı tercih ettiklerini belirtmek için cihazlarında yeni deneysel prefers-reduced-transparency CSS medya özelliğini etkinleştirmeye başlayabilir. Web sitenizin erişilebilirliğini artırmak için bu tercihi göz önünde bulundurabilirsiniz. Size yardımcı olmak için Oluşturma çekmecesi sekmesi artık prefers-reduced-transparency: reduce ayarını emüle edebilir. Böylece bir çözümün prototipini oluşturabilir ve bu durumda web sitenizin nasıl davrandığını test edebilirsiniz.
Chrome'da bu özelliği test etmek için chrome://flags'te Deneysel Web Platformu özellikleri'ni etkinleştirin.
Chromium sorunu: 1424879.
Gelişmiş protokol izleyici
Chrome Geliştirici Araçları, Chrome tarayıcılarını donatmak, incelemek, hata ayıklamak ve profillemek için Chrome Geliştirici Araçları Protokolü'nü (CDP) kullanır. Chromium veya DevTools geliştiricisiyseniz Protokol İzleyici, DevTools tarafından yapılan tüm CDP isteklerini ve yanıtlarını görüntülemenize ve CDP komutları göndermenize olanak tanır.
Protokol İzleyici, CDP komutlarını daha kolay oluşturmanıza ve göndermenize olanak tanıyan yeni bir arayüz kazandı. Artık belgelerde komutları ve parametrelerini aramanız gerekmiyor. Geliştirici Araçları, bunları size önerecektir.
Protokol İzleyici çekmece sekmesinin sağ alt köşesinde 
CDP komut düzenleyicisini göster'i tıklayın, bir hedef seçin, komut yazmaya başlayın, önerilenlerden birini seçin, gerekirse parametre değerlerini belirtin ve 
Komut gönder'i (Ctrl/Cmd + Enter) tıklayın.
Chromium sorunu: 1469345.
Önizleme kanallarını indirme
Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları en yeni Geliştirici Araçları özelliklerine erişmenizi, son teknoloji web platformu API'lerini test etmenizi ve sitenizdeki sorunları kullanıcılarınızdan önce bulmanızı sağlar.
Chrome Geliştirici Araçları Ekibi ile iletişime geçme
Yeni özellikler, güncellemeler veya Geliştirici Araçları ile ilgili başka herhangi bir konu hakkında konuşmak için aşağıdaki seçenekleri kullanın.
- crbug.com adresinden bize geri bildirim ve özellik isteği gönderin.
- Geliştirici Araçları'nda Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak bir Geliştirici Araçları sorununu bildirin.
- @ChromeDevTools hesabına tweet gönderin.
- Geliştirici Araçları'ndaki yenilikler veya Geliştirici Araçları'yla ilgili ipuçları konulu YouTube videolarına yorum bırakın.
Geliştirici Araçları'ndaki yenilikler
Geliştirici Araçları'ndaki yenilikler serisinde ele alınan her şeyin listesi.
- Gemini ile CSS'de hata ayıklama
- Özel bir ayarlar sekmesinde yapay zeka özelliklerini kontrol etme
- Performans paneli iyileştirmeleri
- Performans bulgularını not ekleyin ve paylaşın
- Performans analizlerini doğrudan Performans panelinden alın
- Aşırı düzen değişikliklerini daha kolay tespit edin
- Birleştirilmemiş animasyonları tespit etme
- Donanım eşzamanlılığı sensörlere taşınıyor
- Anonim komut dosyalarını yoksayıp yığın izlemelerde kodunuza odaklanın
- Öğeler > Stiller: Izgara yer paylaşımları ve CSS genelindeki anahtar kelimeler için yatay yazma modları* desteği
- HTTP olmayan sayfalar için zaman aralığı ve anlık görüntü modlarında Lighthouse denetimleri
- Erişilebilirlikle ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Ağ panelinde yapılan iyileştirmeler
- Yeniden tasarlanmış ağ filtreleri
- HAR dışa aktarma işlemleri artık varsayılan olarak hassas verileri hariç tutuyor
- Öğeler panelinde yapılan iyileştirmeler
- Metin-vurgu-* özellikleri için otomatik tamamlama değerleri
- Kaydırma taşmaları rozet ile işaretlenir
- Performans paneli iyileştirmeleri
- Canlı metriklerdeki öneriler
- İçerik haritalarında gezinme
- Bellek paneli iyileştirmeleri
- Yeni "Ayrılan öğeler" profili
- Düz JS nesnelerinin adlandırılması iyileştirildi
- Dinamik tema oluşturmayı devre dışı bırakma
- Chrome Denemesi: İşlem paylaşımı
- Lighthouse 12.2.1
- Çeşitli öne çıkanlar
- Kaydedici, Firefox için Puppeteer'a aktarmayı destekler
- Performans paneli iyileştirmeleri
- Canlı metrik gözlemleri
- Ağ kanalında arama istekleri
- performance.mark ve Performance.measure çağrılarının yığın izlerini görme
- Otomatik doldurma panelinde test adresi verilerini kullanma
- Öğeler panelinde yapılan iyileştirmeler
- Belirli öğeler için daha fazla durumu zorunlu kılma
- Öğeler > Stiller artık daha fazla ızgara özelliğini otomatik olarak tamamlıyor
- Lighthouse 12.2.0
- Çeşitli öne çıkanlar
- Gemini tarafından sunulan Console analizleri çoğu Avrupa ülkesinde kullanıma sunuluyor
- Performans paneli güncellemeleri
- Gelişmiş ağ izleme
- Performans verilerini genişletilebilirlik API'si ile özelleştirme
- Zamanlamalar kanalındaki ayrıntılar
- Ağ panelinde listelenen tüm istekleri kopyalayın
- Adlandırılmış HTML etiketleriyle daha hızlı yığın anlık görüntüleri ve daha az karmaşıklık
- Animasyon yakalamak ve @keyframes öğelerini canlı olarak düzenlemek için Animasyonlar panelini açma
- Lighthouse 12.1.0
- Erişilebilirlikle ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Öğeler panelinde CSS bağlantı konumunu inceleme
- Kaynaklar panelinde yapılan iyileştirmeler
- Gelişmiş "Burada Asla Duraklatma"
- Yeni kaydırma anlık görüntüleme etkinliği işleyicileri
- Ağ panelinde yapılan iyileştirmeler
- Güncellenen ağ sınırlama hazır ayarları
- HAR biçiminin özel alanlarında hizmet çalışanı bilgileri
- Performans panelinde WebSocket etkinlikleri gönderip alma
- Çeşitli öne çıkanlar
- Performans paneli iyileştirmeleri
- Güncellenen parça yapılandırma moduyla parçaları taşıma ve gizleme
- Alev grafiğindeki komut dosyalarını yoksayma
- CPU'yu 20 kat azaltın
- Performans analizleri panelinin desteği sonlandırılacak
- Yığın anlık görüntülerinde yeni filtrelerle aşırı bellek kullanımını bulma
- Uygulama > Depolama'da depolama paketlerini inceleme
- Komut satırı işaretiyle kendi kendine XSS uyarılarını devre dışı bırakma
- Lighthouse 12.0.0
- Çeşitli öne çıkanlar
- Gemini ile konsoldaki hataları ve uyarıları daha iyi anlama
- Öğeler > Stiller'de@position-try kuralları desteği
- Kaynaklar panelinde yapılan iyileştirmeler
- Otomatik güzel yazdırma ve parantez kapatma özelliğini yapılandırma
- İşlenen reddedilen sözler yakalanmış olarak kabul edilir
- Konsol'daki hata nedenleri
- Ağ panelinde yapılan iyileştirmeler
- İlk İpuçları başlıklarını inceleyin
- Şelale sütununu gizleme
- Performans paneli iyileştirmeleri
- CSS seçici istatistiklerini kaydetme
- Sırayı değiştirme ve parçaları gizleme
- Bellek panelinde tutucuları yoksayma
- Lighthouse 11.7.1
- Öne çıkan çeşitli bilgiler
- Yeni Otomatik Doldurma paneli
- WebRTC için gelişmiş ağ kısıtlaması
- Animasyonlar panelinde kaydırmayla çalışan animasyon desteği
- Öğeler > Stiller'de CSS iç içe yerleştirme desteği iyileştirildi
- Gelişmiş Performans paneli
- Alev grafiğinde işlevleri ve alt öğelerini gizleme
- Seçilen başlatıcılardan, başlatıcıların başlattığı etkinliklere giden oklar
- Lighthouse 11.6.0
- Bellek > Toplu hafızası anlık görüntüleri bölümündeki özel kategoriler için ipuçları
- Uygulama > Depolama alanı güncellemeleri
- Paylaşılan depolama alanı için kullanılan bayt
- Web SQL desteği tamamen sonlandırıldı
- Kapsam panelinde yapılan iyileştirmeler
- Katmanlar panelinin desteği sonlandırılmış olabilir
- JavaScript Profiler desteğinin sonlandırılması: Dördüncü aşama, son
- Çeşitli öne çıkanlar
- Paskalya yumurtasını bulma
- Öğeler paneli güncellemeleri
- Öğeler > Stiller'de odaklanılan bir sayfayı simüle etme
var()yedeklerinde Renk Seçici, Açı Saati ve Easing Editor- CSS uzunluk aracı kullanımdan kaldırıldı
- Performans > Ana parça bölümünde seçili arama sonucu için pop-up
- Ağ paneli güncellemeleri
- Ağ > EventStream sekmesindeki temizle düğmesi ve arama filtresi
- Ağ > Çerezler bölümünde üçüncü taraf çerezleri için muafiyet nedenlerini içeren ipuçları
- Kaynaklar'daki tüm kesme noktalarını etkinleştirme ve devre dışı bırakma
- Node.js için DevTools'da yüklü komut dosyalarını görüntüleme
- Lighthouse 11.5.0
- Erişilebilirlikle ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Kaydedici uzantılarının resmi koleksiyonu yayında
- Ağ iyileştirmeleri
- Durum sütununda başarısızlık nedeni
- İyileştirilmiş Kopyalama alt menüsü
- Performans iyileştirmeleri
- Zaman çizelgesindeki içerik haritaları
- Ana kanaldaki etkinlik başlatıcılar
- Node.js Geliştirici Araçları için JavaScript VM (Sanal Makine) örneği seçici menüsü
- Kaynaklar'da yeni kısayol ve komut
- Öğelerle ilgili iyileştirmeler
- ::view-transition sözde öğesi artık Stiller'de düzenlenebilir
- Blok kapsayıcılar için align-content mülk desteği
- Emüle edilmiş katlanabilir cihazlar için duruş desteği
- Dinamik tema oluşturma
- Ağ ve Uygulama panellerindeki üçüncü taraf çerezlerinin kullanımdan kaldırılmasına ilişkin uyarılar
- Lighthouse 11.4.0
- Erişilebilirlikle ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Öğelerle ilgili iyileştirmeler
- Ağ panelinde basitleştirilmiş filtre çubuğu
@font-palette-valuesDestek Ekibi- Desteklenen durum: Başka bir özel mülkün yedeği olarak özel mülk
- İyileştirilmiş kaynak haritası desteği
- Performans paneli iyileştirmeleri
- Geliştirilmiş Etkileşim kanalı
- Aşağıdan Yukarı, Arama Ağacı ve Olay Günlüğü sekmelerinde gelişmiş filtreleme
- Kaynaklar panelindeki girinti işaretçileri
- Ağ panelinde geçersiz kılınan üstbilgiler ve içerikler için faydalı ipuçları
- İstek engelleme kalıpları eklemek ve kaldırmak için yeni Komut Menüsü seçenekleri
- CSP ihlalleri denemesi kaldırıldı
- Lighthouse 11.3.0
- Erişilebilirlikle ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Üçüncü taraf çerezlerinin kullanımdan kaldırılması
- Özel Korumalı Alan Analiz Aracı ile web sitenizin çerezlerini analiz etme
- Gelişmiş yoksayma listelemesi
- node_modules için varsayılan hariç tutma kalıbı
- Yakalanan istisnalar artık yakalanırsa veya yoksayılmayan koddan geçerse yürütmeyi durdurur
x_google_ignoreList, kaynak haritalardaignoreListolarak yeniden adlandırıldı- Uzaktan hata ayıklama sırasında yeni giriş modunu açma/kapatma
- Öğeler panelinde artık #document düğümlerinin URL'leri gösteriliyor
- Uygulama panelinde Etkili İçerik Güvenliği Politikası
- İyileştirilmiş animasyon hata ayıklaması
- Kaynaklar'da "Bu koda güveniyor musunuz?" iletişim kutusu ve Konsol'da kendi kendine XSS uyarısı
- Web işçilerinde ve iş parçacıklarında etkinlik işleyicisi durma noktaları
<audio>ve<video>için yeni medya rozeti- Önceden yükleme, Tahmine dayalı yükleme olarak yeniden adlandırıldı
- Lighthouse 11.2.0
- Erişilebilirlikle ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Öğeler > Stiller'de @property bölümü iyileştirildi
- Düzenlenebilir @property kuralı
- Geçersiz @property kurallarıyla ilgili sorunlar bildirilir
- Yansıtılacak cihazların güncellenmiş listesi
- Kaynaklar'daki komut dosyası etiketlerinde satır içi JSON'u güzel bir şekilde yazdırma
- Console'da özel alanları otomatik tamamlama
- Lighthouse 11.1.0
- Erişilebilirlikle ilgili iyileştirmeler
- Web SQL desteğinin sonlandırılması
- Uygulama > Manifest bölümünde ekran görüntüsü en boy oranı doğrulaması
- Öne çıkan çeşitli bilgiler
- Öğeler > Stiller'de özel özellikler için yeni bölüm
- Geçersiz kılma işlemleriyle ilgili daha fazla iyileştirme
- Gelişmiş arama
- İyileştirilmiş Kaynaklar paneli
- Kaynaklar panelinde basitleştirilmiş çalışma alanı
- Kaynaklar'daki panelleri yeniden sıralama
- Daha fazla komut dosyası türü için söz dizimi vurgulama ve güzel yazdırma
- Azaltılmış şeffaflık tercihine sahip medya özelliğini emüle etme
- Lighthouse 11
- Erişilebilirlikle ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Ağ panelinde yapılan iyileştirmeler
- Web içeriğini yerel olarak daha hızlı geçersiz kılma
- XHR ve getirme isteklerinin içeriğini geçersiz kılma
- Chrome uzantısı isteklerini gizleme
- İnsanlar tarafından okunabilen HTTP durum kodları
Performans: Ağ etkinlikleri için getirme önceliğindeki değişiklikleri görme
- Varsayılan olarak etkinleştirilen kaynak ayarları: Kod katlama ve otomatik dosya gösterme
- Üçüncü taraf çerez sorunlarının hata ayıklama işlemi iyileştirildi
- Yeni renkler
- Lighthouse 10.4.0
- Uygulama panelinde önceden yükleme hatalarını ayıklama
- DevTools için C/C++ WebAssembly hata ayıklama uzantısı artık açık kaynaktır
- Öne çıkan çeşitli bilgiler
- (Deneysel) Yeni oluşturma emülasyonu: azaltılmış-şeffaflığı tercih eder
- (Deneysel) Gelişmiş Protokol İzleyici
- Eksik stil sayfalarının hata ayıklama işlemi iyileştirildi
- Öğeler > Stiller > Easing Düzenleyici'de doğrusal zamanlama desteği
- Depolama alanı paketleri desteği ve meta veri görünümü
- Lighthouse 10.3.0
- Erişilebilirlik: Klavye komutları ve geliştirilmiş ekran okuma
- Çeşitli öne çıkanlar
- Öğe iyileştirmeleri
- Yeni CSS alt ızgara rozeti
- İpuçlarındaki seçici özgüllüğü
- İpucu metinlerindeki özel CSS özelliklerinin değerleri
- Kaynaklarla ilgili iyileştirmeler
- CSS söz dizimi vurgulama
- Koşullu kesme noktası ayarlama kısayolu
- Uygulama > Hemen Çıkma İzlemesini Azaltma
- Lighthouse 10.2.0
- İçerik komut dosyalarını varsayılan olarak yoksayma
- Ağ > Yanıt iyileştirmeleri
- Çeşitli öne çıkanlar
- WebAssembly hata ayıklama desteği
- Wasm uygulamalarında adımlama davranışı iyileştirildi
- Öğe panelini ve Sorunlar sekmesini kullanarak Otomatik Doldurma hatalarını ayıklama
- Kaydedici'deki iddialar
- Lighthouse 10.1.1
- Performans geliştirmeleri
- performance.mark(), Performans > Zamanlamalar bölümünde fareyle üzerine gelindiğinde zamanlamayı gösterir
- profile() komutu, Performans > Ana sayfayı doldurur
- Yavaş kullanıcı etkileşimleri için uyarı
- Web Verileri güncellemeleri
- JavaScript Profil Aracı desteğinin sonlandırılması: Üçüncü aşama
- Çeşitli öne çıkanlar
- Ağ yanıt üstbilgilerini geçersiz kılma
- Nuxt, Vite ve Rollup hata ayıklama iyileştirmeleri
- Öğeler > Stiller'de CSS iyileştirmeleri
- Geçersiz CSS özellikleri ve değerleri
- Animasyon kısaltması mülkünde anahtar karelere bağlantılar
- Yeni Konsol ayarı: Enter'a basıldığında otomatik tamamla
- Komut Menüsü, yazılan dosyaları vurgular
- JavaScript Profil Aracı desteğinin sonlandırılması: İkinci aşama
- Çeşitli öne çıkanlar
- Kaydedici güncellemeleri
- Kaydedici tekrar uzantıları
- Delme seçicileriyle kayıt yapma
- Kayıtları Lighthouse analizi ile Puppeteer komut dosyası olarak dışa aktarma
- Kaydedici için uzantı alma
- Öğeler > Stiller güncellemeleri
- Stiller bölmesinde CSS dokümanları
- CSS iç içe yerleştirme desteği
- Console'da günlük noktalarını ve koşullu kesme noktalarını işaretleme
- Hata ayıklama sırasında alakasız komut dosyalarını yoksayma
- JavaScript Profil Aracı desteğinin sonlandırılması başladı
- Azaltılmış kontrast simüle edin
- Lighthouse 10
- Çeşitli öne çıkanlar
- Stiller bölmesi ile HD rengi hata ayıklama
- Gelişmiş kesme noktası kullanıcı deneyimi
- Özelleştirilebilir Kaydedici kısayolları
- Angular için daha iyi söz dizimi vurgulama
- Uygulama panelinde önbellekleri yeniden düzenleme
- Çeşitli öne çıkanlar
- Yeniden yükleme sırasında Performans Paneli'ni temizleme
- Kaydedici güncellemeleri
- Kaydedici'de kullanıcı işlemlerinizin akışını görüntüleme ve kodunu vurgulama
- Kayıtların seçici türlerini özelleştirme
- Kayıt sırasında kullanıcı akışını düzenleme
- Otomatik yerinde güzel yazdırma
- Vue, SCSS ve daha fazlası için daha iyi söz dizimi vurgulama ve satır içi önizleme
- Konsolda ergonomik ve tutarlı Otomatik Tamamlama
- Çeşitli öne çıkanlar
- Kaydedici: Adımlar için kopyala seçenekleri, sayfa içi yeniden oynatma, adımın içerik menüsü
- Performans kayıtlarında gerçek işlev adlarını göster
- Konsol ve Kaynaklar panelindeki yeni klavye kısayolları
- İyileştirilmiş JavaScript hata ayıklaması
- Çeşitli öne çıkanlar
- [Deneysel] Kesme noktalarını yönetmede geliştirilmiş kullanıcı deneyimi
- [Deneysel] Yerinde otomatik güzel yazdırma
- Etkin olmayan CSS özellikleriyle ilgili ipuçları
- Kaydedici panelinde XPath ve metin seçicileri otomatik olarak algılama
- Virgülle ayrılmış ifadeleri adım adım inceleme
- İçerikleri yoksayma listesi ayarı iyileştirildi
- Çeşitli öne çıkanlar
- Geliştirici Araçları'nda klavye kısayollarını özelleştirme
- Klavye kısayoluyla açık ve koyu temalar arasında geçiş yapma
- Bellek Denetleyicisi'nde C/C++ nesnelerini vurgulama
- HAR içe aktarma işlemi için tam başlatıcı bilgilerini destekleme
Entertuşuna bastıktan sonra DOM aramasını başlatınalign-contentCSS flexbox özellikleri içinstartveendsimgelerini gösterme- Çeşitli öne çıkanlar
- Kaynaklar panelinde dosyaları oluşturulma/dağıtılma bazında gruplandırma
- Eşzamansız işlemler için bağlı yığın izlemeleri
- Bilinen üçüncü taraf komut dosyalarını otomatik olarak yoksayma
- Hata ayıklama sırasında çağrı yığını iyileştirildi
- Kaynak panelinde yoksayılanlar listesindeki kaynakları gizleme
- Komut menüsünde yoksayılanlar listesindeki dosyaları gizleme
- Performans panelinde yeni Etkileşimler kanalı
- Performans Analizleri panelindeki LCP zamanlamaları dökümü
- Kaydedici panelinde kayıtlar için varsayılan adı otomatik olarak oluştur
- Çeşitli öne çıkanlar
- Kaydedici'de adım adım yeniden oynatma
- Kaydedici panelinde fareyle üzerine gelme etkinliğini destekleme
- Performans analizleri panelindeki Largest Contentful Paint (LCP)
- Düzen kaymalarının olası temel nedenleri olarak metin hatalarını (FOIT, FOUT) tespit etme
- Manifest bölmesinde protokol işleyiciler
- Nesneler panelinde üst katman rozeti
- Wasm hata ayıklama bilgilerini çalışma zamanında ekleme
- Hata ayıklama sırasında canlı düzenlemeyi destekleme
- Stil bölmesinde @scope at kurallarını görüntüleme ve düzenleme
- Kaynak eşleşmesiyle ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Hata ayıklama sırasında çerçeveyi yeniden başlatma
- Kaydedici panelindeki yavaş oynatma seçenekleri
- Kaydedici paneli için uzantı oluşturma
- Kaynaklar panelinde dosyaları Yazılan / Dağıtılanlara göre gruplandırma
- Performans analizleri panelinde yeni Kullanıcı Zamanlamaları metriği
- Bir öğenin atanmış yuvasını gösterme
- Performans kayıtları için donanım eşzamanlılığını simüle etme
- CSS değişkenlerini otomatik tamamlarken renk olmayan değeri önizleme
- Geri-ileri önbellek bölmesindeki engelleyen kareleri tanımlama
- JavaScript nesneleri için otomatik tamamlama önerileri iyileştirildi
- Kaynak haritalarıyla ilgili iyileştirmeler
- Öne çıkan çeşitli bilgiler
- Kaydedici panelinde çift tıklama ve sağ tıklama etkinliklerini yakalama
- Lighthouse panelinde yeni zaman aralığı ve anlık görüntü modu
- Performans Analizleri panelinde geliştirilmiş yakınlaştırma kontrolü
- Performans kaydını silme işlemini onaylama
- Öğe panelindeki bölmeleri yeniden sıralama
- Tarayıcı dışında bir renk seçme
- Hata ayıklama sırasında iyileştirilmiş satır içi değer önizlemesi
- Sanal kimlik doğrulayıcılar için büyük blob'ları destekleme
- Kaynaklar panelinde yeni klavye kısayolları
- Kaynak haritalarıyla ilgili iyileştirmeler
- Önizleme özelliği: Yeni Performans Analizleri paneli
- Açık ve koyu temaları emüle etmek için yeni kısayollar
- Network Preview sekmesinde daha fazla güvenlik
- Kesme noktasında iyileştirilmiş yeniden yükleme
- Konsol güncellemeleri
- Kullanıcı işlemleri akışı kaydını başlangıçta iptal etme
- Stiller bölmesinde devralınan vurgulama sözde öğelerini görüntüleme
- Çeşitli öne çıkanlar
- [Deneysel] CSS değişikliklerini kopyalama
- [Deneysel] Tarayıcının dışında renk seçme
- Kayıtlı kullanıcı akışlarını JSON dosyası olarak içe ve dışa aktarma
- Stiller bölmesinde basamaklı katmanları görüntüleme
hwb()renk işlevi için destek- Özel mülklerin gösterilmesi iyileştirildi
- Öne çıkan çeşitli bilgiler
- [Deneysel] Lighthouse panelinde yeni zaman aralığı ve anlık görüntü modu
- Stiller bölmesinde @supports kurallarındaki kuralları görüntüleyin ve düzenleyin
- Yaygın seçicileri varsayılan olarak destekleme
- Kaydın seçicisini özelleştirme
- Kayıtları yeniden adlandırma
- Üzerine gelindiğinde sınıf/işlev özelliklerini önizleme
- Performans panelinde kısmen gösterilen kareler
- Çeşitli öne çıkanlar
- WebSocket isteklerini sınırlama
- Uygulama panelinde yeni Reporting API bölmesi
- Destek kaydı panelinde öğenin görünür/tıklanabilir hale gelmesini bekleme
- Daha iyi konsol stili, biçimlendirme ve filtreleme
- Kaynak haritası dosyalarıyla Chrome uzantısında hata ayıklama
- Kaynaklar panelinde iyileştirilmiş kaynak klasör ağacı
- İşçi kaynak dosyalarını Kaynaklar panelinde görüntüleme
- Chrome'un Otomatik Koyu Tema güncellemeleri
- Dokunmatik ekrana uygun renk seçici ve bölünmüş bölme
- Çeşitli öne çıkanlar
- Önizleme özelliği: Tam sayfa erişilebilirlik ağacı
- Değişiklikler sekmesinde daha hassas değişiklikler
- Kullanıcı akışı kaydı için daha uzun zaman aşımı süresi ayarlama
- Geri/ileri önbellek sekmesiyle sayfalarınızın önbelleğe alınabilir olduğundan emin olun
- Yeni Mülkler bölmesi filtresi
- CSS zorunlu renkler medya özelliğini taklit etme
- Üzerine gelindiğinde cetvelleri göster komutu
- Flexbox düzenleyicide
row-reversevecolumn-reversedesteği - XHR'yi yeniden oynatmak ve tüm arama sonuçlarını genişletmek için yeni klavye kısayolları
- Lighthouse panelinde Lighthouse 9
- İyileştirilmiş Kaynaklar paneli
- Çeşitli öne çıkanlar
- [Deneysel] Reporting API bölmesinde uç noktalar
- Önizleme özelliği: Yeni Kaydedici paneli
- Cihaz modunda cihaz listesini yenileme
- HTML olarak düzenle özelliğiyle otomatik tamamlama
- İyileştirilmiş kod hata ayıklama deneyimi
- DevTools ayarlarını cihazlar arasında senkronize etme
- Önizleme özelliği: Yeni CSS'ye Genel Bakış paneli
- CSS uzunluğu düzenleme ve kopyalama deneyimi geri yüklendi ve iyileştirildi
- CSS prefers-contrast medya özelliğini taklit etme
- Chrome'un Otomatik Koyu Tema özelliğini taklit etme
- Stiller bölmesinde tanımlamaları JavaScript olarak kopyalama
- Ağ panelinde yeni Yük sekmesi
- Özellikler bölmesinde özelliklerin gösterilmesi iyileştirildi
- Konsolda CORS hatalarını gizleme seçeneği
- Play Console'da uygun
Intlnesne önizlemesi ve değerlendirmesi - Tutarlı eşzamansız yığın izlemeler
- Konsol kenar çubuğunu tutma
- Uygulama panelindeki Uygulama önbelleği bölmesi kullanımdan kaldırıldı
- [Deneysel] Uygulama panelinde yeni Reporting API bölmesi
- Yeni CSS uzunluğu oluşturma araçları
- Sorunlar sekmesindeki sorunları gizleme
- Tesislerin gösterilmesi iyileştirildi
- Lighthouse panelinde Lighthouse 8.4
- Kaynaklar panelindeki snippet'leri sıralama
- Çevrilmiş sürüm notlarının yeni bağlantıları ve çeviri hatası bildirme
- Geliştirici Araçları komut menüsü için iyileştirilmiş kullanıcı arayüzü
- Geliştirici Araçları'nı tercih ettiğiniz dilde kullanma
- Cihaz listesinde yeni Nest Hub cihazlar
- Çerçeve ayrıntıları görünümünde kaynak denemeleri
- Yeni CSS kapsayıcı sorguları rozeti
- Ağ filtrelerini tersine çevirmek için yeni onay kutusu
- Konsol kenar çubuğunun desteği yakında sonlandırılacak
- Sorunlar sekmesinde ve Ağ panelinde ham
Set-Cookiesüstbilgilerini gösterme - Console'da yerel erişim araçlarını kendi mülkleri olarak tutarlı bir şekilde görüntüleme
- #sourceURL ile satır içi komut dosyaları için uygun hata yığını izlemeleri
- Hesaplanmış bölmesinde renk biçimini değiştirme
- Özel ipuçları yerine yerel HTML ipuçları kullanma
- [Deneysel] Sorunlar sekmesindeki sorunları gizleme
- Stiller bölmesindeki düzenlenebilir CSS kapsayıcı sorguları
- Ağ panelindeki web paketi önizlemesi
- Attribution Reporting API hata ayıklama
- Console'da daha iyi dize işleme
- İyileştirilmiş CORS hata ayıklama
- Lighthouse 8.1
- Manifest bölmesinde yeni not URL'si
- CSS eşleme seçicileri düzeltildi
- Ağ panelinde JSON yanıtlarını güzel bir şekilde yazdırma
- CSS ızgara düzenleyicisi
- Konsol'da
constyeniden tanımlama desteği - Kaynak sırası görüntüleyici
- Çerçeve ayrıntılarını görüntülemek için yeni kısayol
- Gelişmiş CORS hata ayıklama desteği
- XHR etiketinin adını Fetch/XHR olarak değiştirin
- Ağ panelinde Wasm kaynak türünü filtreleme
- Ağ koşulları sekmesindeki cihazlar için kullanıcı aracısı istemci ipuçları
- Sorunlar sekmesinde Tuhaflıklar modu sorunlarını bildirme
- Performans paneline Compute Kesişimlerini dahil et
- Lighthouse panelinde Lighthouse 7.5
- Çağrı yığınındaki "Çerçeveyi yeniden başlat" içerik menüsü desteği sonlandırıldı
- [Deneysel] Protokol izleyici
- [Deneysel] Kukla Kaydedici
- Web Verileri bilgi pop-up'ı
- Yeni Bellek Denetleyicisi
- CSS kaydırma sabitlemesini görselleştirme
- Yeni rozet ayarları bölmesi
- En boy oranı bilgileriyle geliştirilmiş resim önizlemesi
Content-Encoding'leri yapılandırma seçenekleri içeren yeni ağ koşulları düğmesi- Hesaplanan değeri görüntüleme kısayolu
accent-coloranahtar kelime- Sorun türlerini renk ve simgelerle kategorilere ayırma
- Güven jetonlarını silme
- Çerçeve ayrıntıları görünümünde engellenen özellikler
- Denemeler ayarında denemeleri filtreleme
- Önbellek depolama bölmesinde yeni
Vary Headersütunu - JavaScript özel marka kontrolünü destekleme
- Kesme noktalarında hata ayıklama için gelişmiş destek
[]gösterimiyle fareyle üzerine gelme önizlemesini destekle- HTML dosyalarının ana hatları iyileştirildi
- Wasm hata ayıklama için doğru hata yığın izlemeleri
- Yeni CSS esnek kutusu hata ayıklama araçları
- Yeni Core Web Vitals yer paylaşımı
- Sorun sayısı, Console durum çubuğuna taşındı
- Güvenilir Web Etkinliği sorunlarını bildirme
- Konsol'da dizeleri (geçerli) JavaScript dize değişmezleri olarak biçimlendirme
- Uygulama panelindeki yeni Güven Jetonları bölmesi
- CSS renk gamı medya özelliğini taklit etme
- İyileştirilmiş Progresif Web Uygulamaları araçları
- Ağ panelinde yeni
Remote Address Spacesütunu - Performans iyileştirmeleri
- Çerçeve ayrıntıları görünümünde izin verilen/izin verilmeyen özellikleri görüntüleme
- Çerezler bölmesinde yeni
SamePartysütunu - Kullanımdan kaldırılan standart olmayan
fn.displayNamedesteği - Ayarlar menüsündeki
Don't show Chrome Data Saver warningdesteği sonlandırıldı - [Deneysel] Sorunlar sekmesinde otomatik düşük kontrastlı sorun raporlama
- [Deneysel] Nesne panelindeki tam erişilebilirlik ağaç görünümü
- Trusted Types ihlalleri için hata ayıklama desteği
- Görüntüleme alanının dışındaki düğümün ekran görüntüsünü alma
- Ağ istekleri için yeni Güven Jetonları sekmesi
- Lighthouse panelinde Lighthouse 7
- CSS
:targetdurumunu zorlama desteği - Öğeyi kopyalamak için yeni kısayol
- Özel CSS özellikleri için renk seçicileri
- CSS özelliklerini kopyalamak için yeni kısayollar
- URL'si çözülmüş çerezleri göstermek için yeni seçenek
- Yalnızca görünür çerezleri temizleme
- Depolama bölmesinde üçüncü taraf çerezlerini temizlemeyle ilgili yeni seçenek
- Özel cihazlar için Kullanıcı Aracısı İstemci İpuçlarını düzenleme
- "Ağ günlüğünü kaydet" ayarını kalıcı hale getirme
- Ağ panelinde WebTransport bağlantılarını görüntüleme
- "Online" "No throttling" (Boğulma yok) olarak yeniden adlandırıldı
- Konsol, Kaynaklar paneli ve Stiller bölmesinde yeni kopyalama seçenekleri
- Çerçeve ayrıntıları görünümünde yeni Hizmet Çalışanları bilgileri
- Çerçeve ayrıntıları görünümünde bellek bilgilerini ölçme
- Sorunlar sekmesinden geri bildirim sağlama
- Performans panelinde atlanan kareler
- Cihaz modunda katlanabilir ve çift ekranı taklit etme
- [Deneysel] Puppeteer Recorder ile tarayıcı testini otomatikleştirme
- [Deneysel] Stiller bölmesinde yazı tipi düzenleyici
- [Deneysel] CSS flexbox hata ayıklama araçları
- [Deneysel] Yeni İGP İhlalleri sekmesi
- [Deneysel] Yeni renk kontrastı hesaplaması - Gelişmiş Algısal Kontrast Algoritması (APCA)
- Geliştirici Araçları'nı daha hızlı başlatma
- Yeni CSS açısı görselleştirme araçları
- Desteklenmeyen resim türlerini taklit etme
- Depolama alanı bölmesinde depolama alanı kotası boyutunu simüle etme
- Performans panelinde yeni Web Verileri şeritleri
- Ağ panelinde CORS hatalarını bildirme
- Çerçeve ayrıntıları görünümünde kökler arası yalıtım bilgileri
- Çerçeve ayrıntıları görünümünde yeni Web İşleyici bilgileri
- Açık pencereler için başlatıcı çerçeve ayrıntılarını görüntüleme
- Hizmet Çalışanları bölmesinden Ağ panelini açma
- Özellik değerini kopyalama
- Ağ başlatıcısı için yığın izini kopyalama
- Fareyle üzerine gelindiğinde Wasm değişken değerini önizleme
- Konsol'da Wasm değişkenini değerlendirme
- Dosya/bellek boyutları için tutarlı ölçü birimleri
- Nesne panelinde sözde öğeleri vurgulama
- [Deneysel] CSS Flexbox hata ayıklama araçları
- [Deneysel] Akor klavye kısayollarını özelleştirme
- Yeni CSS Grid hata ayıklama araçları
- Yeni WebAuthn sekmesi
- Araçları üst ve alt panel arasında taşıma
- Stiller bölmesinde yeni Hesaplanan kenar çubuğu bölmesi
- Hesaplanan bölmesinde CSS özelliklerini gruplandırma
- Lighthouse panelinde Lighthouse 6.3
- Zamanlamalar bölümünde
performance.mark()etkinlik - Ağ panelinde yeni
resource-typeveurlfiltreleri - Çerçeve ayrıntıları görünümünde yapılan güncellemeler
- Diğer araçlar menüsündeki
Settingsdesteğinin sonlandırılması - [Deneysel] CSS'ye Genel Bakış panelinde renk kontrastı sorunlarını görüntüleme ve düzeltme
- [Deneysel] Geliştirici Araçları'nda klavye kısayollarını özelleştirme
- Yeni Medya paneli
- Öğeler paneli içerik menüsünü kullanarak düğüm ekran görüntüsü alma
- Sorunlar sekmesi güncellemeleri
- Eksik yerel yazı tiplerini taklit etme
- Etkin olmayan kullanıcıları taklit etme
prefers-reduced-data'i taklit et- Yeni JavaScript özellikleri için destek
- Lighthouse panelindeki Lighthouse 6.2
- Hizmet Çalışanları bölmesinde "diğer kaynaklar" listelemesinin desteği sonlandırıldı
- Filtrelenmiş öğeler için kapsam özetini gösterme
- Uygulama panelinde yeni çerçeve ayrıntıları görünümü
- Stiller bölmesinde erişilebilir renk önerisi
- Nesneler panelinde Özellikler bölmesini yeniden etkinleştirme
- Ağ panelinde insan tarafından okunabilen
X-Client-Databaşlık değerleri - Stiller bölmesinde özel yazı tiplerini otomatik olarak tamamlama
- Ağ panelinde kaynak türünü tutarlı bir şekilde gösterme
- Öğeler ve Ağ panellerindeki düğmeleri netleştirme
- JS'de CSS çerçeveleri için stil düzenleme
- Lighthouse panelinde Lighthouse 6
- First Meaningful Paint (FMP) desteğinin sonlandırılması
- Yeni JavaScript özellikleri için destek
- Manifest bölmesinde yeni uygulama kısayolu uyarıları
- Zamanlama sekmesindeki hizmet çalışanı
respondWithetkinlikleri - Hesaplanmış bölmesinin tutarlı şekilde gösterilmesi
- WebAssembly dosyaları için bayt kodu ofsetleri
- Kaynaklar panelinde satır bazında kopyalama ve kesme
- Konsol ayarlarında yapılan güncellemeler
- Performans paneli güncellemeleri
- Ayrılma noktaları, koşullu kesme noktaları ve günlük noktaları için yeni simgeler
- Yeni Sorunlar sekmesiyle site sorunlarını düzeltme
- İnceleme Modu ipucunda erişilebilirlik bilgilerini görüntüleme
- Performans paneli güncellemeleri
- Console'da daha doğru taahhüt terminolojisi
- Stiller bölmesi güncellemeleri
- Öğeler panelindeki Özellikler bölmesinin kullanımdan kaldırılması
- Manifest bölmesinde uygulama kısayolları desteği
- Görme bozukluklarını taklit etme
- Yerel ayarları taklit etme
- Kaynaklar Arası Yerleştirme Politikası (COEP) hata ayıklaması
- Ayrılma noktaları, koşullu kesme noktaları ve günlük noktaları için yeni simgeler
- Belirli bir çerez ayarlayan ağ isteklerini görüntüleme
- Komut menüsünden sola sabitleme
- Ana menüdeki Ayarlar seçeneği taşındı
- Denetimler paneli artık Lighthouse paneli oldu
- Bir klasördeki tüm Yerel Geçersiz Kılmaları silme
- Uzun Görevler kullanıcı arayüzü güncellendi
- Manifest bölmesinde maskelenebilir simge desteği
- Cihaz modunda Moto G4 desteği
- Çerezlerle ilgili güncellemeler
- Daha doğru web uygulaması manifesti simgeleri
- Kaçırılmamış değerleri görmek için CSS
contentözelliklerinin üzerine gelin - Konsol'da kaynak haritası hataları
- Dosya bitiminden sonra kaydırmayı devre dışı bırakma ayarı
- Konsol'da
letveclassyeniden tanımlama desteği - İyileştirilmiş WebAssembly hata ayıklama
- Başlatıcı sekmesinde istek Başlatıcı Zincirleri
- Seçilen ağ isteğini Genel Bakış'ta vurgulayın
- Ağ panelindeki URL ve yol sütunları
- Güncellenen kullanıcı aracısı dizeleri
- Yeni Denetimler paneli yapılandırma kullanıcı arayüzü
- İşlev başına veya blok başına kod kapsama modları
- Kod kapsamı artık sayfanın yeniden yüklenmesi ile başlatılmalıdır
- Bir çerezin neden engellendiğini hata ayıklama
- Çerez değerlerini görüntüleme
- Farklı prefers-color-scheme ve prefers-reduced-motion tercihlerini taklit etme
- Kod kapsamı güncellemeleri
- Bir ağ kaynağının neden istendiğini hata ayıklama
- Konsol ve Kaynaklar panelleri, girinti tercihlerine tekrar uyuyor
- İmleçle gezinme için yeni kısayollar
- Denetim panelinde çok müşterili destek
- Ödeme işleyiciyle ilgili hata ayıklama
- Denetlemeler panelinde Lighthouse 5.2
- Performans panelinde Largest Contentful Paint
- Ana menüden DevTools sorunlarını bildirme
- Öğe stillerini kopyalama
- Düzen değişikliklerini görselleştirme
- Denetlemeler panelinde Lighthouse 5.1
- İşletim sistemi teması senkronizasyonu
- Duraklatma noktası düzenleyiciyi açma klavye kısayolu
- Ağ panelinde ön getirme önbelleği
- Nesneleri görüntülerken özel mülkler
- Uygulama panelindeki bildirimler ve push mesajları
- CSS değerleriyle otomatik tamamlama
- Ağ ayarları için yeni bir kullanıcı arayüzü
- HAR dışa aktarmalarında WebSocket mesajları
- HAR içe ve dışa aktarma düğmeleri
- Gerçek zamanlı bellek kullanımı
- Service Worker kayıt bağlantı noktası numaraları
- Arka Planda Getirme ve Arka Planda Senkronizasyon etkinliklerini inceleme
- Firefox için Puppeteer
- CSS işlevlerini otomatik olarak tamamlarken anlamlı hazır ayarlar
- Site verilerini komut menüsünden temizleme
- Tüm IndexedDB veritabanlarını görüntüleme
- Fareyle üzerine geldiğinizde bir kaynağın sıkıştırılmamış boyutunu görüntüleme
- Kesme noktaları bölmesinde satır içi kesme noktaları
- IndexedDB ve Önbellek kaynak sayıları
- Ayrıntılı İncele ipucunu devre dışı bırakma ayarı
- Düzenleyicide sekme girintisini açma/kapatma ayarı
- CSS mülkünden etkilenen tüm düğümleri vurgulama
- Denetimler panelindeki Lighthouse 4 sürümü
- WebSocket ikili mesaj görüntüleyici
- Komut menüsünde alan ekran görüntüsü alma
- Ağ panelindeki hizmet çalışanı filtreleri
- Performans paneli güncellemeleri
- Performans paneli kayıtlarındaki uzun görevler
- Zamanlama bölümündeki ilk boyama
- Bonus ipucu: RGB ve HSL renk kodlarını görüntülemek için kısayol (video)
- Günlük noktaları
- İnceleme modunda ayrıntılı ipuçları
- Kod kapsamı verilerini dışa aktarma
- Klavyeyle Console'da gezinme
- Renk seçicideki AAA kontrast oranı çizgisi
- Özel coğrafi konum geçersiz kılmalarını kaydetme
- Kod daraltma
- Çerçeveler sekmesi, Mesajlar sekmesi olarak yeniden adlandırıldı
- Bonus ipucu: Ağ panelinde tesise göre filtreleme (video)
- Performans panelinde performans metriklerini görselleştirme
- DOM Ağacında metin düğümlerini vurgula
- JS yolunu bir DOM düğümüne kopyalama
- JS kitaplıklarını algılayan yeni bir denetim ve Komut Menüsü'nden Denetimler paneline erişmek için yeni anahtar kelimeler de dahil olmak üzere Denetimler paneli güncellemeleri
- Bonus ipucu: Medya sorgularını incelemek için Cihaz Modu'nu kullanın (video)
- Bir DOM düğümünü vurgulamak için fareyle canlı ifade sonucunun üzerine gelin.
- DOM düğümlerini genel değişken olarak saklama
- HAR içe ve dışa aktarma işlemlerinde artık başlatıcı ve öncelik bilgileri
- Ana menüden Komut Menüsü'ne erişme
- Pencere içinde pencere kesme noktaları
- Bonus ipucu: Bir düğümün tetiklediği etkinlikleri Konsolda günlüğe kaydetmek için
monitorEvents()simgesini kullanın (video) - Konsolda canlı ifadeler
- Eager değerlendirme sırasında DOM düğümlerini vurgulama
- Performans paneli optimizasyonları
- Daha güvenilir hata ayıklama
- Ağ daraltmayı komut menüsünden etkinleştirme
- Koşullu Kesme Noktalarını Otomatik Tamamlama
- AudioContext etkinliklerinde ara
- ndb ile Node.js uygulamalarında hata ayıklama
- Ek ipucu: User Timing API ile gerçek dünyadaki kullanıcı etkileşimlerini ölçün
- İstekli Değerlendirme
- Bağımsız değişken ipuçları
- İşlevleri otomatik olarak tamamlama
- ES2017 anahtar kelimeleri
- Denetlemeler panelinde Lighthouse 3.0
- BigInt desteği
- İzleme bölmesine mülk yolları ekleme
- "Sekme zamanlarını göster" ayarı Ayarlar'a taşındı
- Bonus ipucu: Az bilinen konsol yöntemleri (video)
- Tüm ağ üstbilgilerinde arama
- CSS değişken değeri önizlemeleri
- Getirme olarak kopyala
- Yeni denetimler, masaüstü yapılandırma seçenekleri ve izlemeleri görüntüleme
- Sonsuz döngüleri durdurma
- Performans sekmelerindeki Kullanıcı Zamanlaması
- JavaScript sanal makine örnekleri, Bellek panelinde net bir şekilde listelenir
- Ağ sekmesi, Sayfa sekmesi olarak yeniden adlandırıldı
- Koyu tema güncellemeleri
- Güvenlik panelindeki sertifika şeffaflığı bilgileri
- Performans panelindeki site izolasyonu özellikleri
- Bonus ipucu: Katmanlar paneli + Animasyon Denetleyici (video)
- Ağ panelinde kara kutulama
- Cihaz modunda yakınlaştırmayı otomatik ayarlama
- Önizleme ve Yanıt sekmelerinde güzel yazdırma
- Önizleme sekmesinde HTML içeriğini önizleme
- HTML içindeki stiller için Yerel Geçersiz Kılma desteği
- Bonus ipucu: Etkinlik İşleyici Ayrılma Noktalarını daha kullanışlı hale getirmek için kara kutu çerçeve komut dosyaları
- Yerel Geçersiz Kılmalar
- Yeni erişilebilirlik araçları
- Değişiklikler sekmesi
- Yeni SEO ve performans denetimleri
- Performans panelinde birden fazla kayıt
- Eşzamansız koddaki çalışanlarla güvenilir kod adımı oluşturma
- Bonus ipucu: Puppeteer ile DevTools işlemlerini otomatikleştirme (video)
- Performans İzleyici
- Konsol Kenar Çubuğu
- Benzer Console mesajlarını gruplandırma
- Bonus ipucu: Üzerine gelme sözde sınıfını etkinleştirme veya devre dışı bırakma (video)
- Çok müşterili uzaktan hata ayıklama desteği
- Workspaces 2.0
- 4 yeni denetim
- Özel veri kullanarak push bildirimlerini simüle etme
- Arka plan senkronizasyon etkinliklerini özel etiketlerle tetikleme
- Bonus ipucu: Etkinlik işleyici ayrılma noktaları (video)
- Play Console'da üst düzey müşteriler sizi bekliyor
- Yeni ekran görüntüsü iş akışları
- CSS ızgara vurgulama
- Nesneleri sorgulamak için yeni bir Console API
- Yeni Console filtreleri
- Ağ panelinde HAR içe aktarma işlemleri
- Önizlenebilir önbellek kaynakları
- Daha tahmin edilebilir önbellek hata ayıklaması
- Blok düzeyinde kod kapsamı
- Mobil cihaz kısıtlama simülasyonu
- Depolama alanı kullanımını görüntüleme
- Bir hizmet çalışanının yanıtları ne zaman önbelleğe aldığını görüntüleme
- Komut menüsünden FPS ölçeri etkinleştirin
- Fare tekerleği davranışını yakınlaştırma veya kaydırma olarak ayarlama
- ES6 modülleri için hata ayıklama desteği
- Yeni Denetimler paneli
- Üçüncü Taraf Rozetleri
- Buraya Devam Et'e yönelik yeni bir hareket
- Eşzamansız deneyime geçiş
- Console'da daha bilgilendirici nesne önizlemeleri
- Console'da daha bilgilendirici bağlam seçimi
- Kapsam sekmesindeki anlık güncellemeler
- Daha basit ağ sınırlama seçenekleri
- Eş zamansız yığınlar varsayılan olarak etkindir
- CSS ve JS kod kapsamı
- Tam sayfa ekran görüntüleri
- İstekleri engelleme
- async await'ı atlama
- Birleştirilmiş Komut Menüsü