Ş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. Chrome 125'te geliştiriciler için neler yeni olduğuna 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 sabitleme 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 ana öğe 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 sabit öğenin 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, siteler arası kaynakların yüklenmesine bağlı olan yerleşimler için siteler arası çerezlere alternatif olarak oluşturulmuş, gerektiğinde kullanıcıdan erişim izni isteyen bir JavaScript API'sidir.
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 vardır. Bu API'ler, geliştiricilerin katlanabilir cihazları hedeflemesine yardımcı olmak için tasarlanmıştır.
CSS kademeli değer işlevleri
round()
,mod()
verem()
eklendi. Bu özellikler, Temel Yeni Kullanılabilir olarak kullanıma sunuldu.Paylaşı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, yalnızca bazı önemli noktaları kapsar. 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.