Chrome 132'deki DevTools'daki yenilikler

Sofia Emelianova
Sofia Emelianova
GitHub

Gemini ile ağ isteklerinin, kaynak dosyaların ve performans izlerinin hatalarını giderme

Artık CSS stillerine ek olarak ağ istekleri, kaynak dosyalar ve performans izleri hakkında da Gemini ile sohbet edebilirsiniz.

Öğeler panelindeki bağlam menüsüne benzer şekilde, Yapay zeka yardımı panelini açmak ve 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ğ panelinde bir ağ isteği.
  • Kaynaklar > Sayfa sekmesindeki bir dosya.
  • Performans > Ana kanalındaki bir etkinlik.

Ağ, Kaynaklar ve Performans'ta yapay zeka düğmeleri ve menü seçeneği.

Gemini, seçilen istek, dosya 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 Yapay zeka yardımı panelinde, panelin sol üst köşesindeki Yeni sohbet düğmesini tıklayarak veya Ağ panelindeki Yapay zekaya sor düğmelerini ve menü seçeneklerini, Kaynaklar > Sayfa sekmesini ve Performans > Ana kanalını kullanarak Gemini ile geçmiş sohbetleri geri yükleyebilir ve görüntüleyebilirsiniz.

Ö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 menüde yapay zeka sohbet geçmişi.

Uygulama > Depolama bölümünden uzantı depolama alanını yönetin.

Yerel ve oturum depolama alanına benzer şekilde artık Uygulama > Depolama bölümünden uzantı depolama alanı girişlerini görüntüleyebilir ve değiştirebilirsiniz.

Uygulama paneline "Uzantı depolama alanı" bölümü eklenmeden önceki ve 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 aşamaların dökümünü ve zamanlamalarını görmek için performans canlı metriklerindeki etkileşimleri genişletebilirsiniz.

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

Artık DevTools'da bulunan Web Vitals uzantısı başlıklı makalede de belirtildiği gibi, bu özelliklerin kullanıma sunulması Web Vitals uzantısı için desteğin sona erdiğini gösterir.

Chromium sorunu: crbug.com/369097528.

Özet sekmesindeki oluşturma engelleme bilgileri

Performans > Ağ kanalında kırmızı üçgenle işaretlenmiş bir ağ isteğini seçtiğinizde Özet sekmesi, (yeniden yapılandırılmış) ipucunun yanı sıra isteğin oluşturmayı engellediğini de belirtir.

Özet sekmesine oluşturmayı engelleyen bilgileri eklemeden önceki ve sonraki durum.

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

Performans > Ana kanalında artık scheduler.postTask() etkinlikleri ve aşağıdaki başlatıcı okları gösterilmektedir:

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

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

Chromium sorunu: crbug.com/40775984.

Animasyonlar paneli ve Öğeler > Stiller sekmesi iyileştirmeleri

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

Öğeler > Stiller sekmesinde artık animation özelliklerinin değerinin yanında bir animasyon Animasyonlar paneline atla düğmesi yer alıyor. Böylece animasyonu buradan kolayca değiştirebilirsiniz.

Stiller sekmesinden Animasyonlar paneline bağlantı eklemeden önce ve sonra.

Hesaplanmış sekmesinde gerçek zamanlı güncellemeler

Öğeler > Hesaplanmış sekmesi artık animasyonlar tarafından güncellendiğinde hesaplanmış değerleri gerçek zamanlı olarak güncelliyor.

Sensörlerde basınç emülasyonunu hesaplama

Sensörler paneli artık Nominal, Fair, Serious ve Critical CPU baskısını taklit etmenize olanak tanır.

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

Chromium sorunu: crbug.com/362277525.

Bellek panelinde kaynağa göre gruplandırılmış, aynı ada sahip JS nesneleri

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

Aynı ada sahip JS nesnelerini kaynaka göre de gruplandırmadan önceki ve sonraki durum.

Chromium sorunu: crbug.com/357902505.

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

Kullanıcı arayüzü tasarımıyla daha uyumlu olması için DevTools ayarları artık Chrome ayarlarına daha yakın bir görünüme sahip. Özellikle bölümler artık görsel olarak "kartlara" ayrıldı.

Önce ve sonra bölümleri "kartlara" ayrılmış.

Performans analizleri paneli artık desteklenmemekte olup Geliştirici Araçları'ndan kaldırıldı

Performans analizleri panelindeki tüm önemli ve kullanışlı özellikler artık Performans panelinde, özellikle canlı metriklerde, Analizler kenar çubuğu sekmesinde ve Düzen değişiklikleri kanalında yeni bir yuva buldu. Bu nedenle, bu sürümde Performans analizleri paneli artık desteklenmemekte ve DevTools'dan kaldırılmaktadır.

DevTools ekibi, bu panelin kullanımdan kaldırılması ve genel performans hata ayıklama deneyimi hakkında verdiğiniz geri bildirimler için teşekkür eder. Her zaman olduğu gibi, görüşlerinizi ve bakış açınızı öğrenmekten memnuniyet duyarız. Bu tür içerikler üretmeye devam edin.

Diğer öne çıkan özellikler

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

  • Performans:
    • Arama sorguları için 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 çalışmayan Üst Karakter+S/W izleme yakınlaştırma kısayolları düzeltildi.
  • Öğeler > Stiller:
    • 341991541 kimlikli otomatik tamamlama özelliğine anchor-center eklendi.
    • 2 kelimelik değerler (341964645) için kullanılamayan flexbox düzenleyiciyle ilgili bir hata düzeltildi.
  • Ağ: İçerik görüntülemenin etkilenmediğini belirtmek için ön getirme hataları artık sarı uyarılar veya kırmızı hatalar yerine 372055494 ile gösterilir.

Ö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ş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ı 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.