Chrome 132'deki DevTools'daki yenilikler

Sofia Emelianova
Sofia Emelianova
GitHub

Gemini ile ağ isteklerinde, kaynak dosyalarında ve performans izlerinde hata ayıklama

Artık CSS stilinin yanı sıra ağ istekleri, kaynak dosyalar ve performans izleri hakkında Gemini ile sohbet edebilirsiniz.

Öğeler panelindeki bağlam menüsüne benzer şekilde, Yapay zeka yardımı panelini açıp Gemini ile sohbeti başlatmak için sağ tıklayıp Yapay zekaya sor'u seçin veya aşağıdakilerin yanındaki Yapay zekaya sor düğmesini tıklayın:

  • Ağ panelindeki bir ağ isteği.
  • Kaynaklar > Sayfa sekmesindeki bir dosya.
  • Performans > Ana parçadaki bir etkinlik.

Ağ, Kaynaklar ve Performans bölümlerinde "Yapay zekaya sor" düğmeleri ve menü seçeneği.

Gemini, seçilen isteğin, dosyanın veya etkinliğin bağlamını dikkate alır.

Geliştirici Araçları Ekibi, crbug.com/364805393 adresinden geri bildirimlerinizi bekliyor.

Yapay zeka sohbet geçmişi

Artık Gemini ile yaptığınız eski sohbetleri Yapay zeka yardımı panelinde geri yükleyip görüntüleyebilirsiniz. Bunun için panelin sol üst köşesindeki Yeni sohbet düğmesini tıklayın veya Ağ panelinin Yapay zekaya sorun düğmelerini ve menü seçeneklerini, Kaynaklar > Sayfa sekmesini ve Performans > Ana izini kullanın.

Önceki sohbetlerinizden birini görüntülemek için Geçmiş düğmesinin altındaki açılır menüden ilgili istemi seçin. Yapay zeka yardımı paneli, Geliştirici Araçları açıkken sohbet geçmişinizi hatırlar.

"Geçmiş" düğmesinin altındaki açılır listede yapay zeka sohbet geçmişi

Uygulama > Depolama bölümünde uzantı depolama alanını yönetme

Yerel ve oturum depolama alanına benzer şekilde, artık uzantı depolama alanı girişlerini görüntüleyip değiştirebilirsiniz. Bunun için Uygulama > Depolama Alanı bölümüne gidin.

Uygulama paneline "Uzantı depolama alanı" bölümü eklenmeden önce ve eklendikten sonraki durum.

Chromium sorunu: crbug.com/40963428.

Performans iyileştirmeleri

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

Canlı metriklerdeki etkileşim aşamaları

Artık performansla ilgili canlı metriklerdeki etkileşimleri genişleterek aşamaların ve zamanlamalarının dökümünü görebilirsiniz.

Etkileşimlere aşamaların ve zamanlamalarının dökümü eklenmeden önceki ve sonraki durum.

The Web Vitals extension, now in DevTools başlıklı yayında belirtildiği gibi, bu özelliklerin kullanıma sunulmasıyla Web Vitals uzantısı için destek sona eriyor.

Chromium sorunu: crbug.com/369097528.

Özet sekmesindeki oluşturma engelleme bilgileri

Performans > Ağ izinde kırmızı üçgenle işaretlenmiş bir ağ isteğini seçtiğinizde, Özet sekmesinde (yeniden düzenlenmiş) ipucunun yanı sıra isteğin oluşturmayı engelleyici olduğu da belirtilir.

Özet sekmesine oluşturmayı engelleyen bilgiler eklenmeden önceki ve sonraki görünüm.

scheduler.postTask etkinlikleri ve bunların başlatıcı okları için destek

Performans > Ana izinde artık scheduler.postTask() etkinlikleri ve aşağıdakiler arasında başlatıcı okları gösteriliyor:

  • Schedule postTask -> Fire postTask
  • Schedule postTask -> Abort postTask

Scheduler.postTask etkinlikleri ve başlatıcı okları için destek eklenmeden önceki ve sonraki durum.

Chromium sorunu: crbug.com/40775984.

Animasyon paneli ve Öğeler > Stiller sekmesinde iyileştirmeler

Bu sürümde Animasyonlar paneli ile Öğeler > Stiller sekmesinde birkaç iyileştirme yapıldı.

Öğeler > Stiller sekmesinde artık animation özelliklerinin değerinin yanına animasyon Animasyonlar paneline git simgeleri yerleştiriliyor. Böylece animasyonları kolayca inceleyebilirsiniz.

Stiller sekmesinden Animasyonlar paneline bağlantı eklemeden önceki ve sonraki görünüm.

Hesaplanmış sekmesinde anlık güncellemeler

Öğeler > Hesaplanmış sekmesi artık hesaplanmış değerleri, örneğin animasyonlar güncellediğinde gerçek zamanlı olarak güncelliyor.

Sensörlerde basınç emülasyonunu hesaplama

Sensörler paneli artık Nominal, Fair, Serious ve Critical CPU basıncını taklit etmenize olanak tanıyor.

Sensörler paneline CPU baskısı emülasyonu seçeneği eklenmeden önceki ve eklendikten sonraki durum.

Chromium sorunu: crbug.com/362277525.

Bellek panelinde aynı ada sahip JS nesneleri kaynağa göre gruplandırılır.

Bellek paneli artık farklı kaynaklardan gelen ve aynı ada sahip JS nesnelerini ayırt edip buna göre gruplandırıyor.

Aynı ada sahip gruplandırılmış JS nesneleri, kaynaklarına göre de gruplandırılır.

Chromium sorunu: crbug.com/357902505.

Ayarlar için yeni görünüm

Kullanıcı arayüzü tasarımını daha iyi hale getirmek için Geliştirici Araçları ayarları artık Chrome ayarlarına daha çok benziyor. Özellikle bölümler artık görsel olarak "kartlar" halinde ayrılıyor.

Bölümleri "kartlar" halinde ayırmadan önceki ve sonraki görünüm.

Performans Analizleri paneli artık desteklenmiyor ve Geliştirici Araçları'ndan kaldırıldı

Performans analizleri panelindeki tüm önemli ve faydalı özellikler artık Performans panelinde, özellikle canlı metrikler, Analizler kenar çubuğu sekmesi ve Düzen kaymaları izinde yer alıyor. Bu nedenle, bu sürümde Geliştirici Araçları'ndaki Performans analizleri paneli kullanımdan kaldırılıp kaldırılıyor.

Geliştirici Araçları Ekibi, bu panelin desteğinin sonlandırılması ve genel performans hata ayıklama deneyimiyle ilgili geri bildirimleriniz için teşekkür eder. Görüşlerinizi ve bakış açılarınızı öğrenmekten her zaman memnuniyet duyarız. Göndermeye devam edin.

Diğer önemli noktalar

Bu sürümdeki önemli düzeltmeler ve iyileştirmelerden bazıları şunlardır:

  • Performans:
    • Arama sorgularında gereksiz olan 3 karakter sınırı kaldırıldı.
    • Sizi canlı metrikler ekranına geri götüren Ana Sayfa düğmesi eklendi.
    • Daha önce bozuk olan Üst Karakter+S/W izleme yakınlaştırma kısayolları düzeltildi.
  • Öğeler > Stiller:
    • Otomatik tamamlama özelliğine anchor-center eklendi 341991541.
    • 2 kelimelik değerler için kullanılamayan flexbox düzenleyiciyle ilgili hata düzeltildi 341964645.
  • Ağ: İçerik gösteriminin etkilenmediğini belirtmek için önceden getirme hataları artık kırmızı hata yerine sarı uyarı olarak gösteriliyor 372055494.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanmayı düşünebilirsiniz. Bu önizleme kanalları, en yeni DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve kullanıcılarınızdan önce sitenizdeki sorunları 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 diğer konuları tartışmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

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