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

Sofia Emelianova
Sofia Emelianova

Kaydedici uzantılarının resmi koleksiyonu kullanıma sunuldu

Dışa aktarma ve tekrar oynatma Kaydedici uzantılarının resmi koleksiyonu kullanıma sunuldu.

Koleksiyonu doğrudan Kaydedici'den açmak için Kaydedici panelinin üst kısmındaki işlem çubuğunda Dışa aktar > Uzantı al...'ı seçin.

Ağ iyileştirmeleri

Bu sürümde Ağ panelinde çeşitli iyileştirmeler yapıldı.

Durum sütununda hata nedeni

Durum sütununda artık her zaman bir hata nedeni gösterilir. Daha önce Büyük istek satırları'nı etkinleştirmeniz veya tabloda isteği seçmeniz gerekiyordu.

Durum sütununda, hatanın nedenini gösteren önce ve sonra.

Chromium sorunları: 1506760.

İyileştirilmiş Kopyala alt menüsü

İsteklere ait Kopyala alt menüsü artık daha düzenli.

Kopyala alt menüsünün iyileştirilmesinden önceki ve sonraki görünüm.

Ayrıca, cURL olarak kopyala seçeneği artık Windows'ta doğru komutu panoya kopyalıyor.

Chromium sorunları: 1267033, 1276452, 798498.

Performans iyileştirmeleri

Bu sürümde Performans panelinde çeşitli iyileştirmeler yapıldı.

Zaman çizelgesindeki içerik haritaları

Performans panelinin üst kısmındaki zaman çizelgesi artık ekmek kırıntıları ayarlamanıza ve bunlar arasında geçiş yapmanıza olanak tanır.

İçerik haritası ayarlamak için zaman çizelgesinde bir aralık seçin, fareyle üzerine gelin ve N ms düğmesini tıklayın. Ardışık olarak birkaç iç içe yerleştirilmiş içerik haritası oluşturabilirsiniz. Yakınlaştırma düzeyleri arasında atlamak için zaman çizelgesinin üst kısmındaki zincirdeki ilgili içerik haritası öğesini tıklayın. Sayfa gezinme çubuklarının nasıl kullanıldığını görmek için bir sonraki videoyu izleyin.

Chromium sorunları: 1467739.

Ana kanaldaki etkinlik başlatıcılar

Performans > Ana kanalında artık başlatıcıları ve bu başlatıcıların neden olduğu sonraki etkinlikleri birbirine bağlayan oklar varsayılan olarak gösteriliyor.

  • Stil veya düzen geçersizliği -> Stili yeniden hesapla veya Düzen
  • Animasyon karesi iste -> Animasyon karesi tetiklendi
  • Boşta Geri Çağırma İste -> Boşta Geri Çağırmayı Tetikle
  • Zamanlayıcıyı Yükle -> Zamanlayıcı Tetiklendi
  • WebSocket Oluştur -> Gönder... ve WebSocket El Sıkışması Al veya WebSocket'i Kaldır

Okları görmek için izlemede bu tür bir etkinlik bulup tıklayın. Bu özellik daha önce deneysel olarak sunuluyordu.

İstekten gelen bir ok ve boşta geri çağırma işleminin tetiklenmesi.

Chromium sorunları: 1434596.

Node.js DevTools için JavaScript VM örneği seçici menüsü

Node.js DevTools'un Performans panelinde artık işlem çubuğundaki ilgili açılır menüden bir JavaScript sanal makinesi örneği seçebilirsiniz. Benzer bir özellik, yakında desteği sonlandırılacak JavaScript Profiler'da mevcuttu.

JavaScript VM örneği seçmenize olanak tanıyan yeni bir menü eklemeden önce ve sonra.

Chromium sorunları: 1511813.

Öğe iyileştirmeleri

Bu sürümde Öğeler panelinde çeşitli iyileştirmeler yapıldı.

Öğeler paneli, aşağıdaki iki özelliğe ek olarak artık açtığınız son sekmeyi (ör. Hesaplanan veya Özellikler) de hatırlar.

::view-transition sözde öğesi artık Stil bölümünde düzenlenebilir

Artık denetleyici stil sayfasını kullanarak Stiller bölümündeki ::view-transition CSS sözde öğelerini düzenleyebilirsiniz.

Görüntüleme geçişi sözde öğelerinin düzenleme öncesi ve sonrası desteği.

Daha fazla bilgi için View Transitions API ile sorunsuz ve basit geçişler başlıklı makaleyi inceleyin.

Chromium sorunları: 1511233.

Blok kapsayıcıları için align-content mülk desteği

align-content mülkü artık table-caption ve table-cell dahil tüm blok kapsayıcılarla çalışır. Daha önce yalnızca grid ve flex ile çalışıyordu.

Blok kapsayıcılarda içerik hizalama için önce ve sonra desteği.

Chromium sorunları: 1500511.

Kaynaklar'da yeni kısayol ve komut

Artık günlük noktası oluşturmak için Cmd (Mac) / Ctrl (Win) + Üst Karakter + Kaynaklar'da bir satır numarasını tıklayabilirsiniz. Bu kısayol, koşullu kesme noktaları için mevcut Cmd (Mac) / Ctrl (Win) + tıklama özelliğine ek olarak sunulmuştur.

Düzenleyici'nin açılır menüsündeki ilgili seçenekle aynı işlevi yapan yeni Etkin dosyayı, gezinme kenar çubuğunda göster komutu Komut Menüsü'ne eklendi.

Etkin dosyayı, gezinme kenar çubuğunda göstermek için kullanılan yeni komut.

Chromium sorunları: 1486933, 1467464.

Taklit edilen katlanabilir cihazlar için duruş desteği

Cihaz modu artık taklit edilen katlanabilir cihazın postürünü ayarlamanıza olanak tanır: Devamlı veya Katlanmış. Devamlı duruş, "düz" bir konumu ifade eder ve katlanmış durumdayken ekranın bölümleri arasında bir açı oluşur.

Duruş seçeneklerini içeren bir açılır menü.

Ayrıca, Cihazlar listesine yeni bir emülasyonlu katlanabilir cihaz eklendi: Asus Zenbook Fold.

Chromium sorunu: 1066842.

Dinamik tema oluşturma

Geliştirici Araçları artık Chrome'un renk temasıyla otomatik olarak eşleşiyor. Tema ayarlamak için:

  1. Yeni bir sekme açın ve sağ alt köşedeki Chrome'u Özelleştir'i tıklayın.
  2. Görünüş bölümünde Tema değiştir'i kullanarak bir tema seçin veya bir renk paleti belirleyin.

Geliştirici Araçları, Görünüm'de seçilen renk temasıyla eşleşir.

Chromium sorunları: 1483276.

Ağ ve Uygulama panellerindeki üçüncü taraf çerezlerinin kullanımdan kaldırılmasına ilişkin uyarılar

Hem Ağ hem de Uygulama panellerinde artık İzleme Koruması'ndaki üçüncü taraf kısıtlamalarından etkilenen çerezler vurgulanıyor ve bunların yanında uyarılar gösteriliyor.

Ağ'da uyarı simgesi içeren bir istek bulun, tıklayın ve Çerezler sekmesini açın.

Ağ panelinde üçüncü taraf çerezlerini yakalamadan önce ve sonra.

Uygulama bölümünde Depolama > Çerezler'e gidin ve bir alanı tıklayın. Sarı renkle vurgulanan çerezler tarayıcıda depolanmaz.

Uygulama panelinde üçüncü taraf çerezlerinin vurgulanmadan önceki ve sonraki durumu.

Sorunları açıklayan bir ipucunu görmek için fareyle uyarı simgesinin üzerine gelin ve daha fazla bilgi içeren Sorunlar sekmesini açmak için simgeyi tıklayın.

Ayrıca, tablodaki çerezler artık varsayılan olarak ada göre sıralanıyor.

Chromium sorunları: 1506225, 1503961.

Lighthouse 11.4.0

Lighthouse panelinde artık Lighthouse 11.4.0 sürümü kullanılıyor. Değişikliklerin tam listesini inceleyin. Web sitenizin hâlâ üçüncü taraf çerezleri kullanıp kullanmadığını tespit etmenizi sağlayan yeni denetim, dikkat çeken değişiklikler arasındadır.

Üçüncü taraf çerezlerini algılayan denetim.

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.

Erişilebilirlik

Bu sürümde aşağıdaki erişilebilirlik iyileştirmeleri yapılmıştır:

  • Ayarlar > Denemeler'i açtığınızda Arama kutusu otomatik olarak odaklanır.
  • Ağ > Filtre bölümündeki Girişi temizle düğmesi artık odaklanılabilir.
  • Kaynaklar > Sayfa bölümündeki dosya ağacı artık yüksek kontrast modunda doğru şekilde gösteriliyor.
  • Ekran okuyucular artık aşağıdakileri doğru şekilde duyurur:
    • Kaynaklar > Duraklatma noktaları bölümündeki onay kutularının durumu.
    • Öneri listesi için konum ve dizin bilgileri.
    • Ayarlar > Konumlar bölümünde konum eklerken veya silerken işlem sonucu.
    • Ayarlar > Yoksay Listesi'ndeki dışlama kuralı grupları (genel veya özel).

Chromium sorunları: 1504938, 1499868, 1512161, 1515224, 1515418, 1516998, 1517015.

Diğer öne çıkan özellikler

Bu sürümdeki dikkate değer düzeltme ve iyileştirmelerden bazıları şunlardır:

  • Animasyonlar:
    • Ekran görüntüsü pop-up'ının sınırların dışında oluşturulmasına neden olan hata düzeltildi (1506991).
    • Kaldırılan animasyon düğümlerinin kaldırılmış olarak işaretlenmemesi sorunu düzeltildi (1506561).
  • Ağ:
    • Üst bilgi geçersiz kılmaları: Başlıklar sekmesinde yanlış mor nokta simgesi içeren bir hata düzeltildi (1507856).
    • Önizleme: Gereksiz çift kod çözmeyle ilgili bir hata düzeltildi (1509336).
    • Shorts isteklerinin gösterilmemesine neden olan bir hata düzeltildi (1509862).
  • Uygulama > IndexedDB: Diğer panellerle tutarlılık sağlamak için işlem çubuğundaki düğmeler yeniden düzenlendi (1393800).
  • Sensörler: Kullanılamayan konumla ilgili yanlış başarılı geri arama hatası düzeltildi (1486859).
  • Performans:
    • Çöp toplama düğmesinde artık "çöp kutusu" yerine uygun bir simge (1507530) kullanılıyor.
    • Performans izleme artık about:blank (1509947) adresine gidildiğinde verileri saklar.

Ö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 son DevTools özelliklerine erişmenize, en yeni web platformu API'lerini test etmenize ve sitenizdeki sorunları kullanıcılarınızdan önce bulmanıza yardımcı olur.

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.

Geliştirici Araçları'ndaki yenilikler

DevTools'daki yenilikler serisinde ele alınan tüm konuların listesi.