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

Sofia Emelianova
Sofia Emelianova

Kaydedici uzantılarının resmi koleksiyonu yayında

Dışa aktarma ve tekrar oynatma Recorder uzantılarının resmi koleksiyonu yayınlandı.

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

Ağ iyileştirmeleri

Bu sürüm, paneline bazı iyileştirmeler getiriyor.

Durum sütununda hata nedeni

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

Durum sütununda hata nedeninin gösterilmesinden önceki ve sonraki durumu.

Chromium sorunları: 1506760.

İyileştirilmiş Kopyalama alt menüsü

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

Kopyalama alt menüsünü iyileştirmeden önce ve sonra.

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

Chromium sorunları: 1267033, 1276452, 798498.

Performans iyileştirmeleri

Bu sürüm, Performans paneline çeşitli iyileştirmeler getirir.

Zaman çizelgesindeki içerik haritaları

Performans panelinin üst kısmındaki Zaman Çizelgesi artık içerik haritalarını belirlemenize ve bunlar arasında geçiş yapmanıza olanak tanır.

İçerik haritası ayarlamak için Zaman Çizelgesi'nde bir aralık seçin, fareyle üzerine gelin ve N ms zoom_in düğmesini tıklayın. Art arda birkaç iç içe yerleştirilmiş içerik haritası oluşturabilirsiniz. Yakınlaştırma seviyeleri arasında geçiş yapmak için Zaman Çizelgesi'nin üst kısmındaki zincirde ilgili içerik haritasını tıklayın. İçerik haritalarını iş başında görmek için sonraki videoyu izleyin.

Chromium sorunları: 1467739.

Ana kanaldaki etkinlik başlatıcılar

Performans > Ana kanal varsayılan olarak, başlatıcıları ve bunların neden olduğu sonraki etkinlikleri bağlayan okları gösterir.

  • Stil veya düzen geçersiz kılması -> Stilleri yeniden hesapla veya Düzen
  • Animasyon Çerçevesi İste -> 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 böyle bir etkinliği bulup tıklayın. Bu özellik daha önce deneme aşamasındaydı.

İstekten ve boşta geri çağırmanın etkinleştiği bir ok.

Chromium sorunları: 1434596.

Node.js Geliştirici Araçları için JavaScript sanal makine örneği seçici menüsü

Node.js Geliştirici Araçları'nın Performans panelinde artık işlem çubuğundaki ilgili açılır menüden bir JavaScript sanal makine örneği seçebilirsiniz. Yakında kullanımdan kaldırılacak olan JavaScript Profiler'da da benzer bir özellik bulunuyordu.

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

Chromium sorunları: 1511813.

Öğe iyileştirmeleri

Bu sürüm, Öğeler paneline çeşitli iyileştirmeler getirir.

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

::view-transition sözde öğesi artık Stiller'de düzenlenebilir

Artık denetleyici stil sayfasını kullanarak ::view-transition CSS sözde öğelerini Stiller'de düzenleyebilirsiniz.

Görüntüleme geçişi sözde öğelerinin düzenleme desteğinden önceki ve sonraki durumu.

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

Chromium sorunları: 1511233.

Engelleme kapsayıcıları için align-content özelliği desteği

align-content özelliği artık table-caption ve table-cell dahil olmak üzere tüm engelleme kapsayıcılarıyla çalışıyor. Daha önce yalnızca ızgara ve esnekle çalışıyordu.

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

Chromium sorunları: 1500511.

Kaynaklar'da yeni kısayol ve komut

Artık Cmd (Mac) / Ctrl (Win) + Üst Karakter + Kaynaklar'daki bir satır numarasını tıklayarak günlük noktası oluşturabilirsiniz. Bu kısayol, halihazırda mevcut olan Cmd (Mac) / Ctrl (Win) + koşullu kesme noktaları için tıklama öğesine yapılan bir eklemedir.

Komut Menüsü, Düzenleyici'nin açılır menüsündeki karşılık gelen seçenekle aynı işlevi gören yeni Etkin dosyayı gezinme kenar çubuğunda göster komutunu alır.

Etkin dosyayı, gezinme kenar çubuğunda ortaya çıkaran yeni komut.

Chromium sorunları: 1486933, 1467464.

Emülasyonlu katlanabilir cihazlar için duruş desteği

Cihaz modu artık emüle edilmiş katlanabilir cihazların duruşunu ayarlamanıza olanak tanıyor: Sürekli veya Katlanmış. Sürekli duruş "düz" bir duruş anlamına gelir ekranın bölümleri arasında bir açı oluşturur.

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

Ek olarak, Cihazlar listesine emüle edilmiş yeni bir katlanabilir cihaz da dahil: 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 düzenle Chrome'u özelleştir seçeneğini tıklayın.
  2. Görünüm bölümünde, duvar kağıdı Temaları değiştir aracılığıyla bir tema seçin veya bir renk paleti seçin.

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 aşamalı olarak kullanımdan kaldırılmasıyla ilgili uyarılar

Hem hem de Uygulama panellerinde artık İzlemeye Karşı Koruma'nın üçüncü taraf kısıtlamalarından etkilenen çerezlerin yanında uyarılar vurgulanıp gösteriliyor.

'da uyarı uyarı simgesi bulunan bir isteği bulup tıklayın ve Çerezler sekmesini açın.

Ağ panelinde üçüncü taraf çerezleri yakalanmadan önce ve sonra.

Application'ta (Uygulama) Storage'a gidin > Çerezler ve bir alanı tıklayın. Sarı renkle vurgulanan çerezler tarayıcıda depolanmaz.

Uygulama panelinde üçüncü taraf çerezlerinin vurgulandığından önceki ve sonraki durumu.

Sorunları açıklayan bir ipucu 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 de artık varsayılan olarak ada göre sıralanıyor.

Chromium sorunları: 1506225, 1503961.

Lighthouse 11.4.0

Lighthouse paneli artık Lighthouse 11.4.0'ı çalıştırıyor. Değişikliklerin tam listesini inceleyin. Kayda değer değişiklikler arasında, web sitenizde hâlâ üçüncü taraf çerezleri kullanılıp kullanılmadığını tespit etmenizi sağlayan yeni denetim bulunuyor.

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

Geliştirici Araçları'nda Lighthouse panelini kullanmayla ilgili temel bilgileri öğrenmek için Lighthouse: Web sitesi hızını optimize etme konusuna bakın.

Chromium sorunu: 772558.

Erişilebilirlik

Bu sürüm aşağıdaki erişilebilirlik iyileştirmelerine sahiptir:

  • Ayarlar Ayarlar'ı açtığınızda > Denemeler, Arama kutusu artık otomatik olarak odaklanıyor.
  • > Girişi temizle iptali düğmesi Filtre artık odaklanılabilir.
  • Kaynaklar'daki dosya ağacı > Sayfa artık yüksek kontrast modunda düzgün şekilde görüntüleniyor.
  • Ekran okuyucular artık şunları doğru şekilde duyuruyor:
    • Kaynaklar'daki onay kutularının durumu > Ayrılma noktaları.
    • Öneri listesinin konum ve dizin bilgileri.
    • Ayarlar Ayarlar'da konum eklerken veya silerken yapılan işlemin sonucu > Konumlar.
    • Ayarlar Ayarlar bölümündeki hariç tutma kuralı grupları (genel veya özel) > Yoksayma Listesi.

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

Çeşitli öne çıkan anlar

Bu sürümdeki önemli düzeltmeler 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ıyla ilgili hata düzeltildi (1506991).
    • Kaldırılmış olarak işaretlenmemiş animasyon düğümleriyle ilgili hata düzeltildi (1506561).
  • :
    • Başlık geçersiz kılmaları: Başlıklar sekmesinde (1507856) yanlış mor nokta simgesi içeren bir hata düzeltildi.
    • Önizleme: Gereksiz çift kod çözmeyi içeren bir hata düzeltildi (1509336).
    • Kısa isteklerin görünmemesine neden olan bir hata düzeltildi (1509862).
  • Uygulama > IndexedDB: Diğer panellerle tutarlılık için işlem çubuğundaki düğmeler yeniden düzenlendi (1393800).
  • Sensörler: Başarılı geri çağırmanın başarısız olmasına yol açan konumun hatalı olmasına yol açan hata düzeltildi (1486859).
  • Performans:
    • Çöp toplayın düğmesinde artık uygun bir "paspas" simgesi var yerine (1507530).
    • Performans izleme özelliği artık about:blank (1509947) konumuna giden verileri saklıyor.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanabilirsiniz. Bu önizleme kanalları en yeni Geliştirici Araçları özelliklerine erişmenizi, son teknoloji ürünü web platformu API'lerini test etmenizi ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanızı sağlar.

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikleri ve değişiklikleri ya da Geliştirici Araçları ile ilgili diğer her şeyi tartışmak için aşağıdaki seçenekleri kullanın.

  • Öneri veya geri bildirimlerinizi crbug.com adresinden bize iletebilirsiniz.
  • Geliştirici Araçları sorunlarını bildirmek için Diğer seçenekler'i Daha fazla > Yardım > Geliştirici Araçları'nda Geliştirici Araçları ile ilgili sorunları bildirin.
  • @ChromeDevTools adresinden tweet atabilirsiniz.
  • Geliştirici Araçları YouTube videoları veya Geliştirici Araçları ipuçları YouTube videolarına yorum yazın.

Geliştirici Araçları'ndaki yenilikler

Geliştirici Araçları'ndaki yenilikler serisinde ele alınan her şeyin listesi.