Şunları bilmeniz gerekir:
- Öğeleri bağlama CSS Sabitleme Konumu ile hiç olmadığı kadar kolay.
- Compute Pressure API, mevcut bilgisayar gücünü optimize etmeye yardımcı olur.
- Storage Access API, çerez depolamadan daha fazlası için genişletilmiştir.
- Daha fazlası da var.
Ben Adriana Jara. Şimdi Chrome 125'teki geliştiricilere yönelik yenilikleri görelim.
CSS Bağlayıcı Konumlandırma.
Başka bir öğeye bağlı bir öğe 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 Sabitleme Konumlandırması sayesinde, mutlak olarak 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 bir performans gösterir.
Sabit konumlandırma özelliği çok sayıda CSS özelliğinden oluşur. Temel özelliklerden bazıları şunlardır:
anchor-name
: Bir öğeyi diğer öğeler için bağlayıcı olacak şekilde ayarlar.position-anchor
: Sabitlenmiş bir öğenin sabit konumlandırma için kullanması gereken "varsayılan" bağlayıcıyı açıklar.anchor()
işlevi: Sabit öğenin konumlandırılmasındaki sabit öğenin konumunu belirtir.inset-area
: Konumlandırmanın kısaltmasıdır. Ortak göreli konumlar için kullanılır.
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 kullanımı için optimize ederken, sistem yönetilemez bir stres altında olmadığı sürece kullanıcıların mevcut tüm işlem gücünden yararlanabilmelerini 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 bir depolama alanına genişletildi.
Storage Access API, siteler arası kaynakların yüklenmesine bağlı olan yerleştirmeler için gerektiğinde kullanıcıdan erişim izni istemek amacıyla siteler arası çerezlere alternatif olarak oluşturulmuş bir JavaScript API'sidir.
Bu sürüm, API'yi çerezler dışında kullanmaya yönelik bir uzantı içerir. Bu uzantıyla, bölümlendirilmemiş çerezlere ve çerez olmayan depolama bilgilerine üçüncü taraf bağlamında erişebilirsiniz (ör. indexDB ve localstorage için). Aşağıdaki kod, IndexDB'ye erişim istemeyle ilgili bir örnek 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
Elbette dahası var.
Device Posture API ve Viewport Segment 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 basamaklı değerli işlevleri
round()
,mod()
verem()
eklendi. Böylece, bu özellikler Temel Yeni Kullanıma SunulduShared Storage API artık bir iframe oluşturmak zorunda kalmadan kaynaklar arası iş akışlarının ç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 ele alınmıştır. Chrome 125'teki ek değişiklikler için aşağıdaki bağlantıları kontrol edin.
- 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 Geliştiricileri YouTube kanalına abone olun. Yeni bir video sunduğumuzda e-posta bildirimi alırsınız.
Merhaba Adriana Jara, Chrome 126 yayınlanır yayınlanmaz size Chrome'daki yenilikleri anlatacağım.