Şunları bilmeniz gerekir:
- CSS Anchor Positioning ile öğeleri sabitlemek hiç olmadığı kadar kolay.
- Compute Pressure API, mevcut bilgisayar gücünü optimize etmeye yardımcı olur.
- Storage Access API, çerez depolama alanının ötesine genişletildi.
- Bunun gibi çok daha fazla özellik var.
Adım Adriana Jara. Şimdi, Chrome 125'te geliştiriciler için sunulan yeniliklere göz atalım.
CSS bağlantı metni yerleşimi.
Bir öğeyi başka bir öğeye sabitlenmiş olarak görüntülemek, ipucu olarak pop-up kullanma ve bunu çağıran öğeye ekleme gibi kullanıcı arayüzü kalıpları oluşturmanıza olanak tanır.
CSS Bağlantı Öğesi Konumlandırma ile, kesinlikle konumlandırılmış bir öğeyi sayfadaki bir veya daha fazla öğeye açıklayıcı bir şekilde bağlayabilirsiniz. JavaScript gerektirmez ve sabit noktalar kaydırılabilir olduğunda yüksek performansla çalışır.
Yer işareti konumlandırma özelliği çok sayıda CSS mülkünden oluşur. Temel özelliklerden bazıları şunlardır:
anchor-name
: Bir öğeyi diğer öğeler için sabit olacak şekilde ayarlar.position-anchor
: Sabitlenmiş bir öğenin sabitleme konumlandırması için kullanması gereken "varsayılan" sabitlemeyi tanımlar.anchor()
işlevi: Sabitlenmiş öğenin konumlandırılmasında sabitleme öğesinin konumunu ifade eder.inset-area
: Yaygın göreli konumlar için konumlandırma kısaltması.
Compute Pressure API.
Compute Pressure API, sistemdeki CPU yükünü temsil eden üst düzey durumlar sunar.
API, bilgisayar gücünün dengeli bir şekilde kullanılması için optimizasyon yaparken, sistem yönetilemez bir stres altında olmadığı sürece kullanıcıların mevcut tüm işleme gücünden yararlanabilmesini sağlamak amacıyla doğru temel donanım metriklerini kullanır.
Intel, video konferans uygulamalarının özellikleri ve performansı dinamik olarak dengelemesine olanak tanıyacak bu API'nin tasarım ve uygulama çalışmalarına liderlik etti.
Örnekler ve daha fazla bilgi için Compute Pressure API'yi ziyaret edin.
Storage Access API (SAA), çerez dışı depolama alanına 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. Uzantı sayesinde, bölümlenmemiş çerezlere ve çerez olmayan depolama alanlarına üçüncü taraf bağlamında (ör. indexedDB ve localstorage) erişebilirsiniz. Aşağıdaki kodda, indexedDB'ye erişim isteğinde bulunma örneği gösterilmektedir.
// 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
Elbette daha birçok özellik var.
Device Posture API ve Viewport Segments Enumeration API için bir kaynak denemesi mevcuttur. 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 SunulduPaylaşılan Depolama API'si artık iframe oluşturmak zorunda kalmadan çapraz kaynak iş parçacıkları çalıştırmayı destekliyor.
Sürüm notlarının tamamını okuyun.
Daha fazla bilgi
Bu bölümde, öne çıkan özelliklerden bazıları ele alınmıştır. Chrome 125'teki diğer değişiklikler için aşağıdaki bağlantılara göz atın.
- 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 Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız.
Adım Adriana Jara. Chrome 126 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.