Yeni CSS renk türleri ve renk alanları, CSS trigonometrik işlevleri ve View Transitions API.
Aksi belirtilmediği sürece Android, ChromeOS, Linux, macOS ve Windows'un en yeni Chrome beta kanalı sürümü için aşağıdaki değişiklikler geçerli olacaktır. Sağlanan bağlantıları kullanarak veya ChromeStatus.com'daki listeden burada listelenen özellikler hakkında daha fazla bilgi edinin. Chrome 111, 9 Şubat 2023 itibarıyla beta sürümündedir. En son oyunları masaüstü için Google.com'dan veya Android'de Google Play Store'dan indirebilirsiniz.
CSS
Yeni CSS renk türleri ve alanları
CSS Renk Düzeyi 4'te açıklanan tüm özellikler artık etkindir. Bu, cihazdan bağımsız dört renk türünü (lab, Oklab, lch ve Oklch), color() işlevini ve renk geçişleri ile animasyonlar için kullanıcı tanımlı renk alanlarını içerir.
Bu yeni renk türleri ve alanlar hakkında bilgi edinmek için Yüksek tanımlı CSS renk kılavuzunu okuyun.
color-mix() işlevi
CSS Color 5'in son derece kullanışlı color-mix() işlevi de kullanıma sunuluyor. Bu işlev, bir rengin yüzdesinin, desteklenen herhangi bir renk alanında bir başka renkle karıştırılmasını sağlar. Aşağıdaki örnekte, SRGB'de blue kaynağının% 10'u white ile karıştırılmıştır.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
CSS Seçiciler 4 Sözde-Sınıf :nth-child(an + b of S)
Seçiciyi almak için :nth-child(an + b) ve :nth-last-child() öğesini genişletir. Örneğin, :nth-child(3 of .c) belirli bir üst öğe altındaki üçüncü .c değeridir. Daha fazla bilgi için of S söz dizimiyle :nth-child() seçimleri üzerinde daha fazla kontrol başlıklı yayını okuyun.
CSS kök yazı tipi birimleri
rem adlı mevcut kök yazı tipi birimine rex, rch, ric ve rlh kök yazı tipi birimleri ekler.
CSS trigonometrik fonksiyonları
sin(), cos(), tan(), asin(), acos(), atan(), atan2() trigonometrik işlevleri CSS matematik ifadelerine eklendi.
CSS Özel Özellikleri için Kapsayıcı Sorgularına Stil Verme
Bir üst öğenin özel özelliklerinin hesaplanan değerlerine göre stillerin uygulanmasını mümkün kılmak için style() işlevini @container kurallarına ekler.
baseline-source özelliği
baseline-source özelliği, web geliştiricilerinin bir satır içi kutunun, satır kutusu içinde hizalama için first veya last referansını kullanıp kullanmayacağını belirtmesine olanak tanır.
Web API'leri
window-management izin ve izin politikası dizesi
Chrome 111, window-management iznini window-placement izin ve izin politikası dizeleri için takma ad olarak ekler. Bu işlem, window-placement yönergesini kullanımdan kaldırarak dizeleri yeniden adlandırma sürecinin bir parçasıdır. Terminoloji değişikliği, Window Management API'si zaman içinde geliştikçe açıklayıcının kullanım süresini iyileştirir.
Media Session API: Slaytlarla ilgili işlemleri sunma
Mevcut Media Session API'sine previousslide ve nextslide işlemleri ekler.
Yeniden boyutlandırılabilir ArrayBuffer ve büyütülebilir SharedArrayBuffer
ArrayBuffer oluşturucularını, tamponların yerinde büyüme ve küçülmeye olanak tanıyan ek bir maksimum uzunluğu alacak şekilde genişletin. Benzer şekilde, SharedArrayBuffer, yerinde büyümeye olanak tanıyan ek bir maksimum süre boyunca uzatılır.
Spekülasyon kuralları: yönlendiren politika anahtarı
Bu, spekülasyon kuralları söz dizimini genişleterek geliştiricilerin, spekülasyon kuralları tarafından tetiklenen kurgusal isteklerle kullanılacak yönlendiren politikasını belirtmelerine olanak tanır. Bu ayrıca, "yeterince katı yönlendiren politikası" şartını da yeniden getirmektedir.
Bildirim temelli gölge DOM akışı
Bu, açılışa kapanış şablon etiketi yerine gölge kökünü ekleyerek akış için destek ekler.
Transitions API'yi görüntüleme
Görünümlerin anlık görüntüsünü alarak ve DOM'un, durumlar arasında herhangi bir çakışma olmadan değişmesini sağlayarak Tek Sayfalık Uygulamalarda (SPA'lar) şık geçişler oluşturulmasını sağlar. Özel geçişler oluşturmak için Geçişleri Görüntüle'yi veya kullanıcı deneyimini iyileştirmek için basit bir geçiş varsayılanı kullanın.
Daha fazla bilgi ve başlamanıza yardımcı olacak örnek geçişler için Chrome Geliştiricileri makalesine göz atın.
WebRTC Ölçeklenebilir Video Kodlama uzantıları
Bu uzantı, giden bir WebRTC video kanalındaki olası Ölçeklenebilir Video Kodlama (SVC) yapılandırmaları arasından seçim yapmak için standart bir yöntem tanımlar.
WebXR enabledFeatures özelliği
XRSessionInit tarafından belirtildiği şekilde bu XRSession için etkinleştirilen özellik kümesini ve belirtilen mod ve özellikler için spesifikasyonların gerektirdiği Isınaılan Özellikleri döndürür. Belirli bir Oturum için bu, tüm requiredFeatures öğelerini içerir, ancak optionalFeatures alt kümesi olabilir. Çoğu özellik izin verilip verilmediğini anlamak için alternatif yöntemler sunar. Ancak bazı özelliklerde, bir özelliğin etkinleştirilip etkinleştirilmediği bilgisi, hiçbir zaman veri bulunmaması yerine, o anda kullanılamayan bir özelliğin verileriyle yakından ilişkili olabilir. enabledFeatures sorgusunu sorgulayarak yararlı ipuçları (örneğin, izlemeyi iyileştirmek veya başlatmak için) göstermek gerekip gerekmediğini ya da bir özelliğin mevcut oturumda hiçbir zaman desteklenip desteklenmeyeceğine karar verebilirsiniz.
Kaynak denemeleri devam ediyor
Chrome 111'de aşağıdaki yeni kaynak denemelerine katılabilirsiniz.
Web Payment API'de connect-src CSP atlamasının kaldırılması için kullanımdan kaldırma denemesi
Web Payment API'nin manifest dosyasını getirirken connect-src CSP politikasını atlama özelliğini kullanımdan kaldırın. Bu kullanımdan kaldırma işleminden sonra, sitenin connect-src CSP politikasının, bir PaymentRequest çağrısında belirtilen ödeme yöntemi URL'sinin yanı sıra manifest dosyasını getirmek için yöntem zincirinin uyguladığı diğer tüm URL'lere izin vermesi gerekecektir.
Bu atlama özelliği Chrome 111'de, atlama özelliğini geçici olarak yeniden etkinleştirmesi gereken geliştiriciler için 111'den 113'e ters kaynak denemesiyle kaldırılmıştır. Bu özelliği etkinleştirmek için connect-src CSP atlama işleminin tersine kullanımdan kaldırma denemesine kaydolun.
Doküman Pencere İçinde Pencere
Document Resim İçinde Resim API'sı, rastgele HTML içeriğiyle doldurulabilen, her zaman açık bir pencereyi açan yeni bir API'dir. Bu, yalnızca HTMLVideoElement öğelerinin PiP penceresine yerleştirilmesine olanak tanıyan mevcut Resim İçinde Pencere API'sinin bir uzantısıdır. Bu sayede web geliştiricileri, kullanıcılara daha iyi bir PiP deneyimi sunabilir.
Pencere içinde pencere özelliğiyle ilgili dokümanları okuyun.
Belge Pencere İçinde Pencere kaynak denemesine kaydolun.
Kullanımdan kaldırma ve kaldırma işlemleri
Chrome'un bu sürümü, aşağıda listelenen kullanımdan kaldırma ve kaldırma işlemlerini sunmaktadır. Planlanan kullanımdan kaldırma, mevcut desteği sonlandırma ve önceki kaldırma listeleri için ChromeStatus.com adresini ziyaret edin.
Chrome'un bu sürümünde üç özellik kaldırıldı.
Ödeme Araçlarını Kaldır
PaymentInstruments, ödeme uygulamalarının JIT dışı yüklemelerini destekleyen bir Web API'sidir (https://w3c.github.io/payment-handler/ adresine bakın). Rapor, tarayıcının gerçek ödeme aracı ayrıntılarını saklayacağı varsayılarak tasarlanmıştır. Bu bilgilerin doğru olmadığı ve gizlilikle ilgili bazı bilgilerin sızdırıldığı varsayılmıştır. Ayrıca, başka bir tarayıcıya gönderilmemiş ve diğer tarayıcı satıcılarının ilgi gösterdiği görülmüştür. Dolayısıyla bu API'nın desteği sonlandırılmıştır.
Web Payment API'de connect-src CSP atlamasını kaldırma
Web Payment API'nin manifest dosyasını getirirken connect-src CSP politikasını atlama özelliğini kullanımdan kaldırın. Bu kaldırma işleminden sonra, sitenin connect-src CSP politikasının, PaymentRequest çağrısında belirtilen ödeme yöntemi URL'sinin yanı sıra manifest dosyasını getirmek için yöntem zincirinin uyguladığı diğer tüm URL'lere izin vermesi gerekir.
Bu kaldırma işleminden dolayı gerekli değişiklikleri yapmak için daha fazla zaman tanımak amacıyla, desteği sonlandırma denemesine kaydolma yöntemi hakkında bilgi edinmek için kaynak denemeleri bölümündeki bilgileri inceleyin.
canmakepayment etkinliğindeki satıcı kimliği
canmakepayment hizmet çalışanı etkinliği, satıcının yüklü bir ödeme uygulamasında kullanıcının kayıtlı bir kartının olup olmadığını bilmesini sağlar. Bu etkinlik, satıcının kaynak ve rastgele verilerini ödeme uygulaması kaynağından bir hizmet çalışanına sessizce iletmek için kullanılır. Kaynaklar arası iletişim, JavaScript'te PaymentRequest oluşturma işleminde gerçekleşti, kullanıcı hareketi gerektirmedi ve herhangi bir kullanıcı arayüzü göstermedi. Bu sessiz veri pasajı canmakepayment etkinliğinden ve Android IS_READY_TO_PAY amacından kaldırıldı.