Şunları bilmeniz gerekir:
- CSS Sabit Konumlandırma ile öğeleri sabitlemek her zamankinden daha kolaydır.
- Compute Pressure API, mevcut bilgisayar gücünü optimize etmeye yardımcı olur.
- Storage Access API, çerez depolama alanından daha fazlası için genişletilir.
- Daha pek çok yenilik var.
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, sistem yönetilemeyen stres altında olmadığı sürece kullanıcıların 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.
Device Posture API ve Viewport segments Enumeration API için bir kaynak deneme süresi vardır. Bu API'ler, geliştiricilerin katlanabilir cihazları hedeflemesine yardımcı olmak amacıyla tasarlanmıştır.
CSS aşamalı değer işlevleri
round()
,mod()
verem()
eklenerek bu özellikler Temel Yeni Kullanıma SunulduShared Storage API artık çapraz kaynak iş akışlarının iframe oluşturmaya gerek kalmadan çalıştırılmasını destekliyor.
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.
- Chrome Geliştirici Araçları'ndaki yenilikler (125)
- Chrome 125 için ChromeStatus.com güncellemeleri
- Chromium kaynak deposu değişiklik listesi
- Chrome sürüm takvimi
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.