DevTools ve Chrome 139'daki yenilikler

Sofia Emelianova
Sofia Emelianova
GitHub

Daha güvenilir ve üretken bir Chrome Geliştirici Araçları

Bu sürümde Chrome Geliştirici Araçları, ürün mükemmelliğine öncelik verdi. Bu kapsamda, uzun süredir devam eden görsel hatalar, kullanılabilirlik sorunları ve tasarımdaki tutarsızlıklar ile performans ve işlevsel sorunlar gibi çok çeşitli bilinen sorunlar ele alındı. Genel olarak, açık sorunların sayısını %27 azalttık.

Sonunda yıllardır devam eden bazı sorunları giderdik. Ayrıca, daha yeni özelliklerde de iyileştirmeler yaptık. Örneğin, Performans paneli ve Yapay Zeka yardımı özelliklerinde iyileştirmeler yaptık. Sonuç olarak, geliştirici deneyimi genel olarak önemli ölçüde iyileştirildi.

Arka planda, test kapsamımızı genişletmek için büyük bir çaba gösterdik, karmaşık test hatalarını araştırdık, testleri daha sağlam temellere taşıdık ve bu süreçte keşfettiğimiz hataları düzelttik. Testle ilgili sorunların sayısını %54 oranında azaltmayı başardık.

Çeşitli panellerde yapılan bu küçük düzeltmeler ve iyileştirmeler sayesinde günlük hata ayıklama ve geliştirme iş akışlarınızın daha sorunsuz, güvenilir ve verimli olacağını umuyoruz.

Stil oluşturma için yapay zeka yardımına resim yükleme

İstemlerinize ek görsel bağlam sağlamak için artık otomatik ekran görüntüleri almanın yanı sıra Yapay Zeka yardımı panelinde Gemini ile sohbetlerinize rastgele resimler de yükleyebilirsiniz.

Bir DOM öğesi seçip Yapay Zeka'ya Sor'u tıklayarak Öğeler panelinden görüşmenizi başlatın. Böylece öğe, görüşme bağlamı olarak belirtilir. Ardından, giriş alanında Resim ekle'yi tıklayın.

İstediğiniz resimleri yükleyebileceğiniz öncesi ve sonrası karşılaştırması.

Ağ'daki tabloya istek üstbilgileri ekleme

Ağ panelinde artık istekler tablosundaki bir sütun adını sağ tıklayıp birden fazla istek başlığı seçerek bunları sütun olarak ekleyebilirsiniz.

Menüye "istek başlıkları" seçeneği eklenmeden önce ve eklendikten sonraki görünüm.

Chromium sorunu: 397481040.

Google I/O 2025'te öne çıkanlar

Henüz denemediyseniz Google I/O 2025'te öne çıkan yeni Chrome Geliştirici Araçları özelliklerini deneyin. Bu özelliklerden bazıları şunlardır:

Ayrıca, yeni Performans analizleri olan Yinelenen JavaScript ve Eski JavaScript'e göz atın.

Diğer önemli noktalar

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

  • Uygulama: Geri döndürülemez bir işlem olduğundan IndexedDB nesne depolarını temizlemek için artık bir onay iletişim kutusu gösteriliyor (crbug.com/326987147).
  • Kaynaklar: Kod satırlarının yanındaki logpoint'ler ve koşullu kesme noktası rozetleri, fareyle üzerine gelindiğinde artık ilgili günlük mesajını veya koşulu içeren bir ipucu gösteriyor (crbug.com/40266230).

  • Performans:

    • Düzen kaymasına neden olan öğeler analizinde artık boyutlandırılmamış resimlerin bağlantıları gösteriliyor (crbug.com/416449602).
    • LCP istek keşfi analizinde artık en erken başlangıç noktasından sonraki resim yükleme gecikmesi gösteriliyor.
    • Sınırlama: Bazı kullanıcıların yerel olarak depoladığı sınırlama ayarlarının güncel olmayan biçimi düzeltildi.
    • Olay günlüğü: Filtreleme hızlandı (crbug.com/40783421).

  • Animasyonlar: Animasyon grubunu tıklayarak önizleme özelliği benzer ve daha iyi bir deneyim sunduğundan önizleme ekran görüntüleri desteği sonlandırıldı (crbug.com/330179643).

  • Erişilebilirlik:

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