Chrome 125'teki yenilikler

Şunları bilmeniz gerekir:

Ben Adriana Jara. Şimdi, Chrome 125'te geliştiriciler için sunulan yeniliklere göz atalım.

CSS Bağlayıcı Konumlandırma.

Bir öğeyi başka bir öğeye bağlı olarak görüntülemek, ipucu olarak bir pop-up'ı kullanma ve bunu çağıran öğeye eklemek gibi kullanıcı arayüzü kalıpları oluşturmanıza olanak tanır.

CSS Sabit Konumlandırma ile mutlak konumlandırılmış bir öğeyi bildirim temelli bir şekilde sayfadaki bir veya daha fazla öğeye bağlayabilirsiniz. JavaScript gerektirmez ve çapalar kaydırılabilir olduğunda iyi performans gösterir.

Çapa konumlandırma özelliği çok sayıda CSS özelliğinden oluşur. CEVAP önemli özelliklerden bazıları şunlardır:

  • anchor-name: Bir öğeyi diğer öğeler için sabit olacak şekilde ayarlar.
  • position-anchor: "Varsayılan" değerini açıklar sabit bir öğeyi sabitleyeceğiniz kullanın.
  • anchor() işlevi: Sabitlemenin konumunu öğesinin konumlandırılmasıdır.
  • inset-area: Genel göreli konumların kısaltılmış halidir.

Compute Basınç API'si.

Compute Pressure API, sistemdeki CPU yükünü temsil eden üst düzey durumlar sunar.

API, bilgisayar gücünün dengeli bir kullanımını optimize ederken kullanıcıların, sistem yönetilemeyen stres altında olmadığı sürece mevcut işlem gücünden yararlanmalarını sağlamak için doğru temel donanım metriklerini kullanır.

Intel, video konferans uygulamalarının özellikleri ve performansı dinamik olarak dengelemesini sağlayan bu API'nin tasarım ve uygulama çalışmalarına öncülük etti.

Örnekler ve daha fazla bilgi için Compute Pressure API'yi ziyaret edin.

Storage Access API (SAA), çerez olmayan depolamaya genişletildi.

Storage Access API, gerektiğinde kullanıcıdan erişim izni istemek amacıyla siteler arası kaynakların yüklenmesine dayalı yerleştirmeler için siteler arası çerezlere alternatif olarak oluşturulmuş bir JavaScript API'dir.

Bu sürüm, API'yi çerezlerin ötesinde kullanmak için bir uzantı içerir. Bu uzantıyla, üçüncü taraf bağlamında bölümlendirilmemiş çerezlere ve çerez olmayan depolama alanına (ör. indexDB ve localstorage için) erişebilirsiniz. Aşağıdaki kod, IndexingDB'ye erişim isteğinde bulunmayla ilgili bir örneği göstermektedir.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

Diğer özellikler

Tabii ki çok daha fazlası var.

Sürüm notlarının tamamını okuyun.

Daha fazla bilgi

Bu bölümde, yalnızca bazı önemli noktalar yer alıyor. Aşağıdaki bağlantıları kontrol edin: Chrome 125'teki ek değişiklikler.

Abone ol

Gelişmelerden haberdar olmak için şu yayına abone olun: Chrome Developers YouTube kanalı Yeni bir video yayınladığımızda size e-posta bildirimi göndereceğiz.

Merhaba Adriana Jara. Chrome 126 kullanıma sunulur sunulmaz Chrome'daki yenilikleri sizinle paylaşacağım.