Chrome 133'teki DevTools'daki yenilikler

Sofia Emelianova
Sofia Emelianova
GitHub

Kalıcı yapay zeka sohbet geçmişi

Yapay zeka desteği paneli artık sohbet geçmişinizi oturumlar arasında yerel olarak korur. Böylece, DevTools'u veya Chrome'u yeniden yükledikten sonra bile Gemini ile yaptığınız önceki sohbetleri görüntüleyebilirsiniz.

Performans paneli iyileştirmeleri

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

Resim yayınlama analizi

Performans > Analizler sekmesinde artık dosya boyutunu optimize edebileceğiniz resimler vurgulanabiliyor. Analizdeki bir resmi tıklayarak Ağ kanalında vurgulanmasını sağlayın.

Resim yayınlama analizinin vurgulandığı Performans paneli.

Resim yayınlamayı optimize etme hakkında daha fazla bilgi edinmek için Resimleri verimli bir şekilde kodlama başlıklı makaleyi inceleyin.

Klasik ve modern klavye gezinme

Performans paneli artık tercih ettiğiniz klavye gezinme stilini seçmenize olanak tanır. Bu panelde aşağıdaki temel farklılıklar vardır:

  • Klasik: Fare tekerleğiyle (dokunmatik alan yukarı veya aşağı) yakınlaştırın ve Üst Karakter + fare tekerleği ile dikey kaydırın.
  • Modern: Fare tekerleğiyle dikey kaydırma, Üst Karakter + fare tekerleğiyle yatay kaydırma ve Komut/Denet + fare tekerleğiyle yakınlaştırma.

Tercih ettiğiniz stili seçmek için panelin sağ üst köşesinde Kısayolları göster'i tıklayın ve Klasik veya Modern'i seçin. Kısayol iletişim kutusunda, mevcut kısayolların bir listesi de yer alır.

Performans paneli için kullanılabilen kısayolların yer aldığı kısayollar iletişim kutusu.

Alev grafiğindeki alakasız komut dosyalarını yoksayma

Artık kodunuza daha iyi odaklanmak için Performans panelinden doğrudan yoksayılanlar listesine alakasız komut dosyaları ekleyebilirsiniz. Panel, aşırı iç içe yerleştirmeyi otomatik olarak daraltır.

Yoksayılanlar listesine komut dosyası eklemek için üstteki işlem çubuğunda Yoksayılanlar listesi ayarları iletişim kutusunu göster'i tıklayın ve giriş alanına normal bir ifade yazın. Alev grafiği, siz yazarken yeni kuralı uygular.

DevTools, eklediğiniz hariç tutma listesi kurallarını Ayarlar > Hariç tutma listesi'ne kaydeder. Bu kuralları dilediğiniz zaman iletişim kutusunda etkinleştirebilir veya devre dışı bırakabilirsiniz.

Fareyle üzerine gelindiğinde zaman çizelgesi işaretçisi ve aralığın vurgulanması

Performans izlemeyi daha iyi anlamanıza yardımcı olmak için Performans paneli artık aşağıdakileri yapar:

  • Fareyle zaman çizelgesinin üzerine geldiğinizde performans izlemenin tamamını kapsayan dikey bir işaretçi gösterir.
  • Fareyle Ana kanaldaki öğelerin üzerine geldiğinizde Zaman Çizelgesi'nde bir aralığı vurgular.

Önerilen akış kısıtlaması ayarları

Performans panelinde artık hem canlı metriklerde hem de ilgili Kayıt ayarları açılır menülerde akış kısıtlama ayarları önerilir.

Ayar menülerine akış kısıtlaması önerileri eklenmeden önceki ve sonraki durum.

Önerilen CPU tarama hızı (şimdilik) en sık kullanılan 4x slowdown'tür ve ağ önerisi, canlı metriklerde etkinse Chrome Kullanıcı Deneyimi Raporu verilerine dayanır.

Ayrıca Performans panelinde artık işlem çubuğundaki Son oturumlar açılır menüsünde her bir izlemenin yanında kullandığınız akış kısıtlama ayarlarını hatırlatır.

Yer paylaşımındaki zaman işaretçileri

Zamanlama işaretçileri, Zamanlamalar parçasından izlemenin alt kısmına taşındı ve artık tüm parçaların üzerine yerleştiriliyor. Zamanlamalar parçası gizli olsa bile görünür durumdalar.

İşaretçileri izlemenin alt kısmına taşımadan önce ve sonra.

Zaman çizelgesi parçası, özel mark() ve measure() çağrılarınızı saklar.

Özet bölümünde JavaScript çağrılarının yığın izlemeleri

Performans > Özet sekmesinde artık arayüz dışı olanlar da dahil olmak üzere JavaScript çağrılarının yığın izlemeleri gösteriliyor.

Özet sekmesine yığın izlemeleri eklemeden önce ve sonra.

Rozet ayarları, Öğeler'deki menüye taşındı

Öğeler panelindeki rozet ayarları, varsayılan olarak gizli olan işlem çubuğundan ilgili sağ tıklama menüsüne taşındı.

Rozet ayarlarının menüye taşınmasından önce ve sonra.

Yeni "Yenilikler" paneli

Yenilikler paneli, Chrome'un tasarımına daha uygun yeni bir görünüme kavuştu.

"Yenilikler" panelinin eski ve yeni görünümü.

Chromium sorunu: 325441858.

Lighthouse 12.3.0

Lighthouse panelinde artık Lighthouse 12.3.0 sürümü kullanılıyor.

Bu güncelleme, diğerlerinin yanı sıra COOP ve güçlü HSTS politikasıyla uygun kaynak izolasyonunu kontrol eden yeni denetimler ekler. 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: 40543651.

Çeşitli önemli noktalar

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

  • Kaynaklar: Duraklatıldığında Hata Ayıklama Aracı artık duraklatma işleminden sonra oluşturulursa beklenmedik bir şekilde hizmet çalışanı bağlamına geçmez (373893057).
  • Performans:
    • Fareyle komut dosyalarının üzerine geldiğinizde, alev grafiğindeki ipuçlarında artık varsa URL'ler gösterilir (368541957).
    • Özet: Pasta grafik, çubuk temsiliyle değiştirildi.
    • Kayıt ayarları'ndaki Uzatma verileri onay kutusunun adı Özel parçaları göster olarak değiştirildi.
    • Analizler sekmesinde artık varsayılan olarak daraltılmış bir Geçen analizler (N) bölümü bulunuyor.
  • Uygulama > Depolama: Boş anahtarlar teknik olarak geçerli olduğundan boş anahtarlarla depolama girişleri oluşturabilirsiniz (373703285).
  • Cihaz modu artık chrome:// sayfaları (40186276) için devre dışı bırakıldı.
  • Ağ:
    • İlgili ayar etkinleştirildiğinde HAR'ı dışa aktar'ı tıkladığınızda artık iki seçenek (temizlenmiş ve hassas veriler içeren) içeren bir menü açılır. Daha önce menü uzun tıklamayla açılıyordu (378076279).
    • cURL olarak kopyala özelliği artık çerezleri atlamak ve daha okunaklı olmak için -H 'cookie:...' (40791742) yerine -b özelliğini kullanıyor.
  • Erişilebilirlik: Artık panellerdeki sekmeleri bağlam menüsüyle (383164782) sola veya sağa taşıyabilirsiniz.
  • Ağ isteği engelleme: Bu komut menüsü ayarı artık ilgili onay kutusunu (378058733) senkronize ediyor.

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