Ağ paneli iyileştirmeleri
Bu sürümde Ağ panelinde çeşitli iyileştirmeler yapıldı.
Ağ filtreleri yeniden tasarlandı
Ağ paneline, geri bildirimleriniz doğrultusunda yeniden tasarlanan yeni filtreler uygulanır. Türe özel filtreler aynıdır, net bir çoklu seçim çubuğunda bir dizi rozet bulunur.
Kullanıcı arayüzünün dağınıklığını azaltmak için gizleme, engelleme ve üçüncü taraflarla ilgili onay kutuları bir açılır listenin altına taşındı. Listede, açılır menünün altında kaç filtrenin işaretli olduğunu gösteren bir sayı bulunur.
Eski filtre tasarımını geri getirmek için
Ayarlar > Deneysel > Ağ panelindeki filtre çubuğunun yeniden tasarımı'nı temizleyin.Yeniden tasarlanan tasarım hakkındaki düşüncelerinizi bizimle paylaşın.
Chromium sorunu: 362672528.
HAR dışa aktarma işlemlerinde artık hassas veriler varsayılan olarak hariç tutuluyor
Hassas bilgilerin yanlışlıkla sızma olasılığını azaltmak için HAR biçiminde dışa aktarılan ağ günlüğü artık varsayılan olarak Cookie
, Set-Cookie
ve Authorization
üstbilgilerini içermeyecek.
Günlükleri hassas verilerle kullanarak HAR biçiminde dışa aktarmak için
Ayarlar > Tercihler > Ağ > Hassas veriler içeren HAR oluşturulmasına izin ver'i açın. Ağ panelinde Dışa aktar düğmesi bir okla işaretlenir. Düğmeyi uzun tıklayın ve açılır menüden HAR dosyasını dışa aktar (hassas verilerle birlikte) seçeneğini belirleyin.Chromium sorunu: 361717594.
Öğeler panelinde iyileştirmeler
Bu sürümde Öğeler panelinde çeşitli iyileştirmeler yapıldı.
text-emphasis-*
mülkleri için otomatik tamamlama değerleri
Stiller sekmesindeki otomatik tamamlama özelliği artık aşağıdaki CSS özellikleri için değerler öneriyor:
Chromium sorunu: 361471205.
Rozetle işaretlenmiş kaydırma taşmaları
Öğeler paneli, taşan içerik barındıran ve overflow: scroll
ya da overflow: auto
bulunan öğeleri yeni bir "kaydırma" rozetiyle işaretliyor. Böylece, kaydırma taşmalarını kolayca fark edebilirsiniz. Diğer rozetler gibi bu rozet de mevcut DOM'u yansıtır ve içerik, örneğin boyut değişikliği nedeniyle taşmayı durdurursa kaybolur.
Chromium sorunu: 40670442.
İç içe kurallardan sonraki çıplak bildirimler "yukarı kaymaz"
CSS Çalışma Grubu'nun iç içe yerleştirilmiş kuralların ardından salt bildirimlerin gelmesine izin verme kararının ardından Stiller sekmesi, ayrıştırma sırasında bu bildirimleri artık "yukarı kaydırmıyor".
Aşağıdaki kod örneğinde, iç içe yerleştirilmiş kuraldan sonraki sadece bildirim, Chrome'un basamaktaki stilleri beklenmedik bir şekilde yeniden sıralamasına neden olmuyor:
p {
width: 100px;
height: 100px;
@media screen {
background-color: red;
}
background-color: green;
}
Chromium sorunu: 358119261.
Performans paneli iyileştirmeleri
Bu sürümde, Performans panelinde çeşitli iyileştirmeler yapıldı.
Canlı metriklerdeki öneriler
Canlı metrikler artık geliştirme ortamınızı kullanıcılarınızın deneyimine olabildiğince yakın şekilde yapılandırmanıza yardımcı olacak metriklere özel öneriler sunabilir.
Öneriler almak için Chrome Kullanıcı Deneyimi Raporu'nda (CrUX) alan verileri getirmeyi ayarlayın, varsa her metrik kartında bulunan Yerel test koşullarınızı göz önünde bulundurun bölümünü genişletin ve Ortam ayarları'nda Gerçek kullanıcı ortamlarını göz önünde bulundurun bölümünü genişletin.
Kullanıcılarınızın deneyimine benzer bir deneyim sunmak için önerileri uygulayın.
İçerik haritalarında gezinme
Artık performans kaydının zaman çizelgesinde içerik haritaları arasında gezinebilirsiniz. Örneğin, içerik haritaları arasında ileri geri "atlayabilir", içerik haritalarının üzerine yazabilir ve birden fazla alt hesabı kaldırabilirsiniz. Daha önce, bir üst içerik haritası seçtiğinizde alt öğeleri kayboluyordu.
Bellek paneli iyileştirmeleri
Bu sürüm, Bellek paneline çeşitli iyileştirmeler getiriyor.
Yeni "Ayrılmış öğeler" profili
Bellek paneline yeni bir profil türü eklendi: Bağımsız öğeler. Bir JavaScript referansı tarafından saklanan nesneleri gösterir.
Chromium sorunu: 350519222.
Basit JS nesnelerinin adlandırması iyileştirildi
Yığın anlık görüntülerinde Object
kategorisini düzenlemek ve sadeleştirmek için artık düz JavaScript nesneleri:
- İçerdikleri özelliklere göre adlandırılır (ör.
{firstProperty, secondProperty, ..., *nthProperty}
). - Geliştirici Araçları tarafından oluşturulan bu adlarla aranabilir.
- Aynı özelliklere sahiplerse birlikte gruplandırılır.
Chromium sorunu: 350519222.
Dinamik temayı devre dışı bırak
Artık Chrome'da Geliştirici Araçları renklerinin özel tema renklerinizle otomatik olarak eşleştirilmesini devre dışı bırakabilirsiniz.
Dinamik temaları devre dışı bırakmak için
Ayarlar > Tercihler > Görünüm > Chrome renk şemasıyla eşleştir'i temizleyin ve DevTools'u yeniden yükleyin.Chromium sorunu: 328472696.
Chrome denemesi: İşlem paylaşımı
Normalde, aynı web sitesinden (ör. Google Dokümanlar) birden fazla sekme açtığınızda Chrome her biri için ayrı bir oluşturucu işlemi oluşturur. İşlem paylaşımı denemesi, performansı artırmak için birden fazla sekmenin aynı oluşturma işlemini paylaşmasına izin vererek bu durumu değiştirir.
DevTools açıkken "Bu sekme, diğer sekmelerle kaynak paylaşıyor..." bilgi çubuğu mesajını görüyorsanız İşlem paylaşımı denemesinin etkin olduğu küçük grubun üyesisiniz demektir.
İşlem paylaşımı, kesme noktası hata ayıklama ve performans analizini etkileyebilir. Daha fazla bilgi için Chrome Denemesi: İşlem paylaşımı başlıklı makaleyi inceleyin.
Lighthouse 12.2.1
Lighthouse panelinde artık Lighthouse 12.2.1 sürümü kullanılıyor.
Bu güncellemeyle, yalnızca önemli dosya boyutu tasarruflarına odaklanmanıza yardımcı olmak amacıyla kaynak sıkıştırma önerileri için < 20 KB
yoksayma eşiği kullanıma sunuluyor. Değişikliklerin tam listesini inceleyin.
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.
Çeşitli öne çıkan anlar
Bu sürümdeki dikkate değer düzeltme ve iyileştirmelerden bazıları şunlardır:
- Öğeler:
- Konsol: cURL komutlarında (352651673) çok satırlı dizelerdeki çıkış karaktersiz "ve" işareti düzeltildi.
- Bellek: Hizmet işçilerinin bulunduğu sayfalardaki varsayılan seçim düzeltildi. Artık ana iş parçacığı seçili (40669896).
- Güvenlik: Bir kaynağın güvenlik aşaması değiştikçe (359920086) URL şemasının vurgulanması artık doğru şekilde güncelleniyor.
Önizleme kanallarını indirme
Chrome Canary, Yeni geliştirilenler veya Beta'yı varsayılan geliştirme tarayıcınız olarak kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve sitenizdeki sorunları kullanıcılarınızdan önce bulmanıza yardımcı olur.
Chrome Geliştirici Araçları ekibiyle 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ı'ndaki Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir bölümüne giderek Geliştirici Araçları sorunlarını bildirin.
- @ChromeDevTools adresinden tweet atabilirsiniz.
- 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 hatalarını ayıklama
- Yapay zeka özelliklerini özel ayarlar sekmesinden kontrol edin
- 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örler'e taşındı
- Anonim komut dosyalarını yoksayıp yığın izlemelerde kodunuza odaklanma
- Öğeler > Stiller: Izgara yer paylaşımları ve CSS genelinde anahtar kelimeler için yana doğru* yazma modları desteği
- Zaman aralığı ve anlık görüntü modlarında HTTP olmayan sayfalar için Lighthouse denetimleri
- Erişilebilirlikle ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Ağ panelinde yapılan iyileştirmeler
- Ağ filtreleri yeniden tasarlandı
- HAR dışa aktarma işlemlerinde artık hassas veriler varsayılan olarak hariç tutuluyor
- Öğ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
- Basit 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ındaki 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 iyileştirmeler
- Belirli öğeler için daha fazla durumu zorunlu kıl
- Öğeler > Stiller artık daha fazla ızgara özelliğini otomatik tamamlıyor
- Lighthouse 12.2.0
- Öne çıkan çeşitli bilgiler
- Gemini'ın Console analizleri, çoğu Avrupa ülkesinde kullanıma sunuluyor
- Performans paneli güncellemeleri
- Geliştirilmiş ağ kanalı
- extensibility API ile performans verilerini özelleştirme
- Zamanlamalar kanalındaki ayrıntılar
- Ağ panelinde listelenen tüm istekleri kopyalama
- Adlandırılmış HTML etiketleri ve daha az dağınıklıkla daha hızlı yığın anlık görüntüleri
- 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
- Nesneler panelinde CSS ankrajı konumlandırmasını inceleme
- Kaynaklar panelinde yapılan iyileştirmeler
- "Hiçbir Zaman Duraklatma" özelliği geliştirildi
- Yeni kaydırma anlık etkinliği işleyicileri
- Ağ panelinde yapılan iyileştirmeler
- Güncellenen ağ kısıtlama hazır ayarları
- HAR biçiminin özel alanlarındaki hizmet çalışanı bilgileri
- Performans panelinde WebSocket etkinliklerini gönderme ve alma
- Öne çıkan çeşitli bilgiler
- Performans paneli iyileştirmeleri
- Güncellenmiş kanal yapılandırma moduyla kanalları taşıma ve gizleme
- Alev grafiğindeki komut dosyalarını yoksayma
- CPU'yu 20 kez 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
- Reddedilen vaatlerin yerine getirildiği kabul edilir
- Konsol'daki hata nedenleri
- Ağ paneli iyileştirmeleri
- İlk ipucu başlıklarını inceleme
- Şelale sütununu gizleme
- Performans paneli iyileştirmeleri
- CSS seçici istatistiklerini yakalama
- Sırayı değiştirme ve parçaları gizleme
- Bellek panelinde koruyucuları yoksayma
- Lighthouse 11.7.1
- Çeşitli öne çıkanlar
- 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 > Yığın 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 paneli iyileştirmeleri
- Katmanlar panelinin desteği sonlandırılabilir
- JavaScript Profil Aracı'nın desteğinin sonlandırılması: Dördüncü aşama, son
- Öne çıkan çeşitli bilgiler
- Paskalya yumurtasını bulma
- Öğeler paneli güncellemeleri
- Öğeler > Stiller bölümünde odaklanmış bir sayfayı emü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 sekmesinde düğmeyi ve arama filtresini temizleyin
- 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 Geliştirici Araçları'nda yüklenen 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 kullanıma sunuldu
- Ağ iyileştirmeleri
- Durum sütunundaki hata nedeni
- İyileştirilmiş Kopyalama alt menüsü
- Performans iyileştirmeleri
- Zaman Çizelgesi'ndeki içerik haritaları
- Ana kanaldaki etkinlik başlatıcılar
- Node.js Geliştirici Araçları için JavaScript sanal makine örneği seçici menüsü
- Kaynaklar'da yeni kısayol ve komut
- Öğe iyileştirmeleri
- ::view-transition sözde öğesi artık Stil bölümünde düzenlenebilir
- Engelleme kapsayıcıları için uyumlu içerik özelliği desteği
- Yapay zekayla taklit edilen katlanabilir cihazlar için duruş desteği
- Dinamik tema oluşturma
- Ağ ve Uygulama panellerindeki üçüncü taraf çerezlerinin kullanımdan kaldırılmasıyla ilgili uyarılar
- Lighthouse 11.4.0
- Erişilebilirlikle ilgili iyileştirmeler
- Öne çıkan çeşitli bilgiler
- Öğelerle ilgili iyileştirmeler
- Ağ panelindeki filtre çubuğu basitleştirilmiştir
@font-palette-values
desteği- 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şmiş Etkileşimler kanalı
- Aşağıdan Yukarı, Arama Ağacı ve Etkinlik Günlüğü sekmelerinde gelişmiş filtreleme
- Kaynaklar panelindeki girinti işaretçileri
- Ağ panelinde geçersiz kılınan başlıklar ve içerikler için faydalı ipuçları
- İstek engelleme kalıpları eklemek ve kaldırmak için yeni Komut Menüsü seçenekleri
- İGP ihlalleri denemesi kaldırıldı
- Lighthouse 11.3.0
- Erişilebilirlikle ilgili iyileştirmeler
- Öne çıkan çeşitli bilgiler
- Üçüncü taraf çerezlerini aşamalı olarak kullanımdan kaldırma
- Özel Korumalı Alan Analiz Aracı ile web sitenizin çerezlerini analiz etme
- Geliştirilmiş yoksayılan giriş
- node_modules için varsayılan hariç tutma kalıbı
- Yakalanan istisnalar, yakalandığında veya yoksayılmamış koddan iletildiğinde artık yürütme işlemini durduruyor
x_google_ignoreList
, kaynak haritalardaignoreList
olarak yeniden adlandırıldı- Uzaktan hata ayıklama sırasında yeni giriş modu açma/kapatma
- Öğeler paneli artık #document düğümlerinin URL'lerini gösteriyor
- 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- Ön 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
- emüle edilecek cihazların listesi güncellendi
- 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'te 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 panelindeki çalışma alanı kolaylaştırıldı
- Kaynaklar'daki bölmeleri 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ğ paneli iyileştirmeleri
- 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
- Kullanıcıların okuyabileceği HTTP durum kodları
Performans: Ağ etkinlikleri için getirme önceliğindeki değişiklikleri görün
- Varsayılan olarak etkinleştirilen kaynak ayarları: Kod katlama ve otomatik dosya gösterme
- Üçüncü taraf çerezleriyle ilgili sorunlar için iyileştirilmiş hata ayıklama
- Yeni renkler
- Lighthouse 10.4.0
- Uygulama panelinde önceden yükleme hatalarını ayıklama
- DevAraçlar için C/C++ WebAssembly hata ayıklama uzantısı artık açık kaynak
- Öne çıkan çeşitli bilgiler
- (Deneysel) Yeni oluşturma emülasyonu: prefers-reduced-transparency
- (Deneysel) Gelişmiş Protokol izleyici
- Eksik stil sayfalarının hata ayıklama işlemi iyileştirildi
- Öğeler > Stiller > Easing Düzenleyici'de doğrusal zamanlama desteği
- Depolama paketleri desteği ve meta veri görünümü
- Lighthouse 10.3.0
- Erişilebilirlik: Klavye komutları ve iyileştirilmiş ekran okuma
- Öne çıkan çeşitli bilgiler
- Öğelerle ilgili iyileştirmeler
- Yeni CSS alt ızgara rozeti
- İpuçlarında seçici belirliliği
- İ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
- Öne çıkan çeşitli bilgiler
- WebAssembly hata ayıklama desteği
- Wasm uygulamalarında adımlama davranışı iyileştirildi
- Öğeler panelini ve Sorunlar sekmesini kullanarak otomatik doldurma sorunlarını giderme
- Kaydedici'deki Onaylar
- Lighthouse 10.1.1
- Performans geliştirmeleri
- performance.mark(), fareyle üzerine gelindiğinde zamanlamayı Performans > Zamanlamalar bölümünde gösterir
- profile() komutu, Performans > Ana sütununu doldurur
- Yavaş kullanıcı etkileşimleri için uyarı
- Web Verileri güncellemeleri
- JavaScript Profil Aracı desteğinin sonlandırılması: Üçüncü aşama
- Öne çıkan çeşitli bilgiler
- Ağ yanıtı üstbilgilerini geçersiz kılma
- Nuxt, Vite ve Rollup hata ayıklama iyileştirmeleri
- Öğeler > Stiller bölümündeki CSS iyileştirmeleri
- Geçersiz CSS özellikleri ve değerleri
- Animasyon kısaltması mülkünde anahtar karelere bağlantılar
- Yeni Console ayarı: Enter tuşuna basıldığında otomatik tamamlama
- Komut Menüsü, yazılan dosyaları vurgular
- JavaScript Profiler'ın kullanımdan kaldırılması: İkinci aşama
- Öne çıkan çeşitli bilgiler
- Kaydedici güncellemeleri
- Kaydedici tekrar uzantıları
- Delme seçicileriyle kayıt yapma
- Lighthouse analizi ile kayıtları Puppeteer komut dosyaları 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 ayrılma noktalarını işaretleme
- Hata ayıklama sırasında alakasız komut dosyalarını yoksay
- JavaScript Profil Aracı desteğinin sonlandırılması başladı
- Azaltılmış kontrast simüle edin
- Lighthouse 10
- Çeşitli öne çıkanlar
- Stiller bölmesiyle HD renkte 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
- Öne çıkan çeşitli bilgiler
- Yeniden yükleme sırasında Performans Paneli'ni temizleme
- Kaydedici güncellemeleri
- Kullanıcı işlemleri akışınızın kodunu Kaydedici'de görüntüleyin ve vurgulayın
- Kayıt 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
- Öne çıkan çeşitli bilgiler
- Kaydedici: Adımlar için kopyala seçenekleri, sayfa içi yeniden oynatma, adımın içerik menüsü
- Performansın kayıtlarında gerçek işlev adlarını gösterme
- Konsol ve Kaynaklar panelindeki yeni klavye kısayolları
- Daha iyi JavaScript hata ayıklama
- Öne çıkan çeşitli bilgiler
- [Deneysel] Kesme noktalarını yönetmede gelişmiş kullanıcı deneyimi
- [Deneysel] Yerinde otomatik güzel yazdırma
- Etkin olmayan CSS özellikleriyle ilgili ipuçları
- Kaydedici panelinde XPath'i ve metin seçicileri otomatik algıla
- Virgülle ayrılmış ifadelere göz atma
- İç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 tüm başlatıcı bilgilerini destekleme
Enter
tuşuna bastıktan sonra DOM aramasını başlatmaalign-content
CSS flexbox özellikleri içinstart
veend
simgelerini gösterme- Öne çıkan çeşitli bilgiler
- Kaynaklar panelinde dosyaları Yazılan / Dağıtılanlara göre 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
- Kaynaklar 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şturma
- Çeşitli öne çıkanlar
- Kaydedici'de adım adım tekrar oynatma
- Kaydedici panelinde fareyle etkinliğin üzerine gelmeyi destekleyin
- Performans analizleri panelindeki Largest Contentful Paint (LCP)
- Düzen kaymalarının olası temel nedenleri olarak metin yanıp sönmelerini (FOIT, FOUT) belirleme
- Manifest bölmesinde protokol işleyiciler
- Öğeler panelindeki üst katman rozeti
- Çalışma zamanında Wasm hata ayıklama bilgilerini ekleyin
- 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 harita iyileştirmeleri
- Ç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 panelindeki yeni Kullanıcı Zamanlamaları kanalı
- Bir öğenin atanan alanı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ölmesinde engelleyen çerçeveleri tanımlama
- JavaScript nesneleri için iyileştirilmiş otomatik tamamlama önerileri
- Kaynak haritalarıyla ilgili iyileştirmeler
- Çeşitli öne çıkanlar
- Kaydedici panelinde çift tıklama ve sağ tıklama etkinliklerini yakalama
- Lighthouse panelindeki 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
- Nesne 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 panelindeki yeni klavye kısayolları
- Kaynak haritalarıyla ilgili iyileştirmeler
- Önizleme özelliği: Yeni Performans Analizleri paneli
- Açık ve koyu temaları taklit 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
- Öne çıkan çeşitli bilgiler
- [Deneysel] CSS değişikliklerini kopyalama
- [Deneysel] Tarayıcı 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 desteği- Özel mülklerin görünümü iyileştirildi
- Öne çıkan çeşitli bilgiler
- [Deneysel] Lighthouse panelinde yeni zaman aralığı ve anlık görüntü modu
- Stil bölmesinde @supports at kurallarını görüntüleme ve düzenleme
- Yaygın seçicileri varsayılan olarak destekleme
- Kaydın seçicisini özelleştirme
- Kaydı yeniden adlandırma
- Üzerine gelindiğinde sınıf/işlev özelliklerini önizleme
- Performans panelinde kısmen sunulan kareler
- Öne çıkan çeşitli bilgiler
- WebSocket isteklerini kısıtlama
- Uygulama panelindeki yeni Reporting API bölmesi
- Kaydedici panelinde öğenin görünür/tıklanabilir hale gelmesini bekleme desteği
- Daha iyi konsol stili, biçimlendirme ve filtreleme
- Kaynak haritası dosyalarıyla Chrome uzantısında hata ayıklama
- Kaynaklar panelindeki gelişmiş kaynak klasör ağacı
- Çalışan 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 emüle etme
- Üzerine gelindiğinde cetvelleri göster komutu
- Flexbox düzenleyicisinde
row-reverse
vecolumn-reverse
uygulamalarını destekleyin - 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
- Öne çıkan çeşitli bilgiler
- [Deneysel] Reporting API bölmesindeki 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 simüle et
- Stiller bölmesinde bildirimleri JavaScript olarak kopyalama
- Network (Ağ) panelindeki yeni Yük sekmesi
- Özellikler bölmesinde özelliklerin görüntülenmesi iyileştirildi
- Konsol'da CORS hatalarını gizleme seçeneği
- Play Console'da uygun
Intl
nesne önizlemesi ve değerlendirmesi - Tutarlı eş zamansız yığın izlemeleri
- Konsol kenar çubuğunu tutma
- Uygulama panelindeki kullanımdan kaldırılan Uygulama önbelleği bölmesi
- [Deneysel] Uygulama panelindeki yeni Reporting API bölmesi
- Yeni CSS uzunluğu yazma araçları
- Sorunlar sekmesinde sorunları gizleme
- Özelliklerin görünümü iyileştirildi
- Lighthouse panelindeki Lighthouse 8.4
- Kaynaklar panelindeki snippet'leri sıralama
- Çevrilmiş sürüm notlarına yönlendiren 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
- Console kenar çubuğu yakında kullanımdan kaldırılacak
- Sorunlar sekmesinde ve Ağ panelinde ham
Set-Cookies
üstbilgilerini görüntüleyin - Console'da yerel erişim araçlarını kendi mülkleri olarak tutarlı bir şekilde görüntüleme
- #sourceURL içeren satır içi komut dosyaları için doğru hata yığın izlemeleri
- Hesaplanmış bölmesinde renk biçimini değiştirme
- Özel ipuçlarını yerel HTML ipuçlarıyla değiştirme
- [Deneysel] Sorunlar sekmesindeki sorunları gizleme
- Stiller bölmesinde düzenlenebilir CSS kapsayıcı sorguları
- Ağ panelinde 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üzenleyici
- Konsol'da
const
yeniden 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 etiketini Fetch/XHR olarak yeniden adlandırma
- 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 panelindeki Lighthouse 7.5
- Çağrı yığınındaki "Çerçeveyi yeniden başlat" içerik menüsü kullanımdan kaldı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-color
anahtar 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 Header
sütunu - JavaScript özel marka kontrolünü destekleme
- Duraklatma noktalarında hata ayıklama için gelişmiş destek
[]
gösterimiyle fareyle üzerine gelme önizlemesini destekle- HTML dosyalarının geliştirilmiş ana hatları
- Wasm hata ayıklama için doğru hata yığın izlemeleri
- Yeni CSS flexbox 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
- Dizeleri Console'da (geçerli) JavaScript dizesi sabit değerleri olarak biçimlendirme
- Uygulama panelindeki yeni Güven Jetonları bölmesi
- CSS renk gamı medya özelliğini emüle etme
- İyileştirilmiş Progresif Web Uygulamaları araçları
- Ağ panelinde yeni
Remote Address Space
sü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
SameParty
sütunu - Standart olmayan
fn.displayName
desteği için destek sonlandırıldı - Ayarlar menüsündeki
Don't show Chrome Data Saver warning
özelliğinin kullanımdan kaldırılması - [Deneysel] Sorunlar sekmesinde otomatik düşük kontrast sorunu bildirme
- [Deneysel] Öğeler panelinde tam erişilebilirlik ağaç görünümü
- Güvenilir Türler ihlalleri için hata ayıklama desteği
- Görüntü alanının ötesinde düğüm ekran görüntüsü al
- Ağ istekleri için yeni Güven Jetonları sekmesi
- Lighthouse panelindeki Lighthouse 7
- CSS
:target
durumunun zorunlu kılınmasıyla ilgili destek - Öğ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 alanı bölmesinde üçüncü taraf çerezlerini temizlemek için yeni seçenek
- Özel cihazlar için kullanıcı aracısı istemci ipuçlarını düzenleme
- "Ağ günlüğünü kaydet" ayarını sürdür
- 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 gönderme
- 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 esnek kutusu hata ayıklama araçları
- [Deneysel] Yeni İGP İhlalleri sekmesi
- [Deneysel] Yeni renk kontrastı hesaplaması - Gelişmiş Algılanan Kontrast Algoritması (APCA)
- Geliştirici Araçları'nı daha hızlı başlatma
- Yeni CSS açı 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 şeridi
- Ağ panelindeki 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 çalışanları bilgileri
- Açık pencereler için açıcı çerçeve ayrıntılarını görüntüleme
- Hizmet Çalışanları bölmesinden Ağ panelini açın
- Özellik değerini kopyala
- Ağı başlatan için yığın izlemeyi kopyala
- Fareyle üzerine gelindiğinde Wasm değişken değerini önizleme
- Console'da Wasm değişkenini değerlendirin
- Dosya/bellek boyutları için tutarlı ölçü birimleri
- Nesne panelinde sözde öğeleri vurgulama
- [Deneysel] CSS Flexbox hata ayıklama araçları
- [Deneysel] Akort 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ölmesindeki yeni Hesaplanan kenar çubuğu bölmesi
- Hesaplanan bölmede CSS özelliklerini gruplandırma
- Lighthouse panelindeki Lighthouse 6.3
- Zamanlamalar bölümündeki
performance.mark()
etkinlikleri - Ağ panelinde yeni
resource-type
veurl
filtreleri - Çerçeve ayrıntıları görünümü güncellemeleri
- Diğer araçlar menüsündeki
Settings
desteği sonlandırıldı - [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 emüle etme
- Etkin olmayan kullanıcıları simüle etme
prefers-reduced-data
'i taklit et- Yeni JavaScript özellikleri için destek
- Lighthouse panelindeki Lighthouse 6.2
- Hizmet Çalışanları bölmesindeki "diğer kaynaklar" girişinin kullanımdan kaldırılması
- Filtrelenen öğ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
- Öğe panelinde Özellikler bölmesini yeniden etkinleştirme
- Ağ panelindeki kullanıcılar tarafından okunabilen
X-Client-Data
başlık değerleri - Stiller bölmesinde özel yazı tiplerini otomatik tamamla
- Ağ panelinde kaynak türünü tutarlı bir şekilde gösterme
- Nesneler ve Ağ panellerindeki temizle düğmeleri
- CSS-in-JS çerçeveleri için stil düzenleme
- Lighthouse panelindeki 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 Service Worker
respondWith
etkinlikleri - 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 vaat 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ı simüle edin
- Yerel ayarları taklit etme
- Kaynaklar Arası Yerleştirme Politikası (COEP) hata ayıklaması
- Ayrılma noktaları, koşullu ayrılma noktaları ve günlük noktaları için yeni simgeler
- Belirli bir çerezi ayarlayan ağ isteklerini görüntüleme
- Komut Menüsünden sola yerleştirme
- Ana menüdeki Ayarlar seçeneği taşındı
- Denetimler paneli artık Lighthouse paneli
- 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ı
- Console'da
let
veclass
yeniden beyanı için destek - İyileştirilmiş WebAssembly hata ayıklaması
- İstek Başlatıcı sekmesinde istek başlatma zincirleri isteme
- Genel bakış bölümünde seçili ağ isteğini vurgulama
- 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üklenmesiyle başlatılmalıdır
- Çerezlerin neden engellendiğiyle ilgili 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 uyar
- İşaretçi 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 panelindeki Largest Contentful Paint
- Ana menüden DevTools sorunlarını bildirme
- Öğe stillerini kopyalama
- Düzen değişikliklerini görselleştirme
- Denetimler panelinde Lighthouse 5.1
- İşletim sistemi teması senkronizasyonu
- Ayrılma noktası düzenleyicisini açmak için 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 aktarma 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üle
- Fareyle üzerine gelindiğinde 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üzenleyici'de 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 Service Worker filtreleri
- Performans paneli güncellemeleri
- Performans paneli kayıtlarındaki uzun görevler
- Zamanlama bölümündeki İlk Boyama
- Bonus ipucu: RGB ve HSL renk kodlarını görüntüleme kısayolu (video)
- Günlük noktaları
- İnceleme modunda ayrıntılı ipuçları
- Kod kapsamı verilerini dışa aktarma
- Console'da klavyeyle gezinme
- Renk seçicideki AAA kontrast oranı çizgisi
- Özel coğrafi konum geçersiz kılmalarını kaydetme
- Kod katlama
- Ç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şim için yeni anahtar kelimeler içeren denetim 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 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ı İfadeler
- 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 Ayrılma Noktalarını Otomatik Tamamlama
- AudioContext etkinliklerinde ara verme
- Node.js uygulamalarında ndb ile 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ı
- İşlev otomatik tamamlama
- ES2017 anahtar kelimeleri
- Denetimler panelinde Lighthouse 3.0
- BigInt desteği
- İzleme bölmesine mülk yolları ekleme
- "Zaman damgalarını göster" Ayarlar'a taşındı
- Ek ipucu: Daha az bilinen Console yöntemleri (video)
- Tüm ağ üstbilgilerinde arama
- CSS değişken değeri önizlemeleri
- Fetch olarak kopyala
- Yeni denetimler, masaüstü yapılandırma seçenekleri ve görüntüleme izleri
- 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 Blackboxing
- Cihaz modunda yakınlaştırmayı otomatik ayarlama
- Önizleme ve Yanıt sekmelerinde etkileyici 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 getiren Blackbox çerçevesi 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 İzleyicisi
- Konsol Kenar Çubuğu
- Benzer Console mesajlarını gruplandırma
- Bonus ipucu: Fareyle öğelerin üzerine gelerek yapılan sözde sınıfı aç/kapat (video)
- Çok istemcili uzaktan hata ayıklama desteği
- Çalışma Alanları 2.0
- 4 yeni denetim
- Özel verilerle 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ştirme
- 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
- Asenkron işlere adım atın
- Console'da daha bilgilendirici nesne önizlemeleri
- Console'da daha bilgilendirici bağlam seçimi
- Kapsam sekmesinde anlık güncellemeler
- Daha basit ağ kısıtlama 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şik Komut Menüsü