Yeni CSS renk türleri ve renk alanları, CSS trigonometrik işlevleri ve Görünüm Geçişleri API'si.
Aksi belirtilmedikçe aşağıdaki değişiklikler Android, ChromeOS, Linux, macOS ve Windows için en yeni Chrome beta kanalı sürümünde geçerlidir. Burada listelenen özellikler hakkında daha fazla bilgiyi verilen bağlantılardan veya ChromeStatus.com'daki listeden edinebilirsiniz. Chrome 111, 9 Şubat 2023 itibarıyla beta sürümündedir. En son sürümü masaüstü için Google.com'dan veya Android için Google Play Store'dan indirebilirsiniz.
CSS
Yeni CSS renk türleri ve boşluklar
CSS Renk Düzeyi 4'te açıklanan tüm özellikler artık etkin. Buna cihazdan bağımsız dört renk türü (lab, Oklab, lch ve Oklch), color() işlevi ve gradyanlar ile animasyonlar için kullanıcı tanımlı renk alanları dahildir.
Bu yeni renk türleri ve alanları hakkında bilgi edinmek için Yüksek çözünürlüklü CSS renk kılavuzunu okuyun.
color-mix() işlevi
CSS Color 5'teki son derece kullanışlı color-mix() işlevi de kullanıma sunuldu. Bu işlev, desteklenen tüm renk alanlarında bir rengin yüzdesini başka bir renkle karıştırmayı sağlar. Aşağıdaki örnekte, SRGB'de blue'ün% 10'u white ile karıştırılmıştır.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
CSS Seçicileri 4 Sözde Sınıf :nth-child(an + b of S)
:nth-child(an + b) ve :nth-last-child()'yi bir seçici alacak şekilde genişletir. Örneğin, :nth-child(3 of .c) belirli bir üst öğenin altındaki üçüncü .c öğesidir. Daha fazla bilgi edinmek için of S söz dizimi ile :nth-child() seçimleri üzerinde daha fazla kontrol başlıklı makaleyi okuyun.
CSS kök yazı tipi birimleri
rem'in mevcut kök yazı tipi birimine rex, rch, ric ve rlh kök yazı tipi birimleri eklenir.
CSS trigonometrik fonksiyonları
sin(), cos(), tan(), asin(), acos(), atan(), atan2() trigonemetrik işlevleri CSS matematik ifadelerine eklendi.
CSS Özel Özellikleri İçin Stil Kapsayıcı Sorguları
Bir üst öğenin özel özelliklerinin hesaplanmış değerlerine göre stil uygulamayı mümkün kılmak için style() işlevini @container kurallarına ekler.
baseline-source mülkü
baseline-source mülkü, web geliştiricilerin bir satır içi düzey kutunun satır kutusu içinde hizalama için first veya last temel çizgisini kullanıp kullanmayacağını belirtmesine olanak tanır.
Web API'leri
window-management izni ve izin politikası dizesi
Chrome 111, window-placement izni ve izin politikası dizeleri için window-management takma adını ekler. Bu, window-placement desteğini sonlandırıp kaldırarak dizelerin adını değiştirmeye yönelik daha kapsamlı bir çalışmanın bir parçasıdır. Window Management API zaman içinde geliştikçe terminoloji değişikliği, tanımlayıcının kullanım süresini uzatır.
Media Session API: Slaytları sunma işlemleri
Mevcut Media Session API'ye previousslide ve nextslide işlemleri ekler.
Yeniden boyutlandırılabilir ArrayBuffer ve genişletilebilir SharedArrayBuffer
ArrayBuffer yapıcılarını, belleklerin yerinde büyümesine ve küçültülmesine olanak tanıyan ek bir maksimum uzunluk alacak şekilde genişletin. Benzer şekilde, SharedArrayBuffer, yerinde büyümeye izin veren ek bir maksimum uzunluk alacak şekilde genişletilir.
Spekülasyon kuralları: yönlendiren politikası anahtarı
Bu, spekülasyon kuralları söz dizimini genişleterek geliştiricilerin spekülasyon kuralları tarafından tetiklenen spekülatif isteklerle kullanılacak yönlendiren politikasını belirtmesine olanak tanır. Bu güncellemeyle birlikte "yeterince katı yönlendiren politikası" şartı da yeniden uygulanmaya başlandı.
Bildirimsel gölge DOM'u aktarma
Bu, gölge kökünü şablon etiketinin kapanış yerine açılış kısmına ekleyerek akış desteği ekler.
Geçişler API'sini görüntüleme
Görünümlerin anlık görüntüsünü alarak ve DOM'un durumlar arasında çakışma olmadan değişmesine izin vererek tek sayfalık uygulamalarda (SPA'lar) kusursuz geçişler oluşturmayı sağlar. Özel geçişler oluşturmak için Görünüm Geçişleri'ni kullanın veya kullanıcı deneyimini iyileştirmek için basit bir geçiş efekti varsayılanını kullanın.
Başlamak için daha fazla bilgi ve örnek geçişler için Chrome Developers makalesine göz atın.
WebRTC ölçeklenebilir video kodlama uzantıları
Bu uzantı, giden bir WebRTC video kanalında olası ölçeklenebilir video kodlama (SVC) yapılandırmaları arasında seçim yapmak için standart bir yöntem tanımlar.
WebXR enabledFeatures özelliği
XRSessionInit tarafından belirtilen bu XRSession için etkinleştirilen özellik grubunu ve belirli mod ve özellikler için spesifikasyon tarafından zorunlu kılınan Varsayılan Özellikleri döndürür. İzin verilen bir oturum için bu, tüm requiredFeatures öğelerini içerir ancak optionalFeatures öğesinin bir alt kümesi olabilir. Çoğu özelliğin, izin verilip verilmediğini algılamanın alternatif yolları vardır. Ancak bazı özelliklerde, özelliğin etkinleştirilip etkinleştirilmediğine dair sinyal, özelliğin hiç kullanılamaması yerine şu anda kullanılamamasıyla ilgili verilerle yakından ilişkili olabilir. enabledFeatures parametresini sorguladığınızda, faydalı ipuçlarının (ör. izlemeyi iyileştirmek veya başlatmak için) gösterilip gösterilmeyeceğini ya da bir özelliğin geçerli oturumda hiçbir zaman desteklenip desteklenmeyeceğini belirleyebilirsiniz.
Devam eden kaynak denemeleri
Chrome 111'de aşağıdaki yeni kaynak denemelerini etkinleştirebilirsiniz.
Web Payment API'de connect-src CSP atlamasının kaldırılması için desteği sonlandırma denemesi
Web Payment API'nin manifest'i getirirken connect-src CSP politikasını atlama özelliğinin desteği sonlandırıldı. Bu desteğin sonlandırılmasından sonra, bir sitenin connect-src İGP politikasının, PaymentRequest çağrısında belirtilen ödeme yöntemi URL'sinin yanı sıra yöntemin manifestini almak için zincirlediği diğer URL'lere izin vermesi gerekecektir.
Bu atlama özelliği, Chrome 111'de kaldırıldı. Atlamayı geçici olarak yeniden etkinleştirmesi gereken geliştiriciler için 111'den 113'e kadar ters kaynak denemesi yapıldı. Bu özelliği etkinleştirmek için connect-src CSP atlama özelliği için desteğin sonlandırılmasını geri alma deneme sürümüne kaydolun.
Pencere içinde pencere dokümanı
Document Picture-in-Picture API, rastgele HTML içeriğiyle doldurulabilen, her zaman üstte olan bir pencere açan yeni bir API'dir. Bu, yalnızca bir HTMLVideoElement'in PiP penceresine yerleştirilmesine izin veren mevcut Pencere İçinde Pencere API'sinin genişletilmiş halidir. Bu sayede web geliştiricileri, kullanıcılara daha iyi bir PiP deneyimi sunabilir.
Dokümanlarda Resim İçinde Resim dokümanlarını okuyun.
Doküman Pencere İçinde Pencere kaynağı deneme sürümüne kaydolun.
Kullanımdan kaldırmalar
Chrome'un bu sürümünde, aşağıda listelenen desteği sonlandırılan ve kaldırılan özellikler sunulmaktadır. Planlanan desteğin sonlandırılması, mevcut desteğin sonlandırılması ve daha önce kaldırılan özelliklerin listeleri için ChromeStatus.com'u ziyaret edin.
Bu Chrome sürümünde üç özellik kaldırıldı.
PaymentInstruments öğesini kaldırma
PaymentInstruments, ödeme uygulamalarının JIT olmayan yüklemesini destekleyen Web API'sidir (https://w3c.github.io/payment-handler/ adresine bakın). Tarayıcıda gerçek ödeme aracı ayrıntılarının depolanacağı varsayılarak tasarlanmıştır. Ancak bu varsayımın doğru olmadığı ve bazı gizlilik ihlalleri olduğu ortaya çıkmıştır. Ayrıca, diğer tarayıcılarda kullanıma sunulmamıştır ve diğer tarayıcı tedarikçilerinden herhangi bir ilgi görmemiştir. Bu nedenle, bu API'nin desteği sonlandırıldı ve API kaldırıldı.
Web Payment API'de connect-src CSP atlamasını kaldırma
Web Payment API'nin manifest'i getirirken connect-src CSP politikasını atlama özelliğinin desteği sonlandırıldı. Bu kaldırma işleminden sonra, sitenin connect-src CSP politikasının bir PaymentRequest çağrısında belirtilen ödeme yöntemi URL'sine ve yöntemin manifest'ini almak için zincirlediği diğer URL'lere izin vermesi gerekir.
Bu kaldırma nedeniyle gerekli değişiklikleri yapmak için daha fazla zaman tanıyan bir desteği sonlandırma denemesini etkinleştirme yöntemi için kaynak denemeleri bölümündeki bilgilere bakın.
canmakepayment etkinliğindeki satıcı kimliği
canmakepayment hizmet çalışanı etkinliği, satıcının kullanıcının yüklü bir ödeme uygulamasında kayıtlı bir kartı olup olmadığını bilmesini sağlar. Bu etkinlik, satıcının kaynağını ve rastgele verileri ödeme uygulaması kaynağından bir hizmet çalışanına sessizce iletiyordu. Bu kaynak dışı iletişim, JavaScript'te PaymentRequest oluşturulurken gerçekleşti, kullanıcı hareketi gerektirmedi ve herhangi bir kullanıcı arayüzü göstermedi. Bu sessiz veri geçişi, canmakepayment etkinliğinden ve Android IS_READY_TO_PAY Intent'inden kaldırıldı).