Yeni CSS renk türleri ve renk alanları, CSS trigonometrik işlevleri ve View Transitions API.
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. Sağlanan bağlantıları kullanarak veya ChromeStatus.com sayfasındaki listeden burada listelenen özellikler hakkında daha fazla bilgi edinebilirsiniz. Chrome 111, 9 Şubat 2023 itibarıyla beta sürümündedir. En son çıkan uygulamayı masaüstü için Google.com'dan veya Android'de 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 etkindir. Cihazdan bağımsız dört renk türü (lab, Oklab, lch ve Oklch), color() işlevi ve renk geçişleri ile animasyonlar için kullanıcı tanımlı renk alanları buna dahildir.
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'teki inanılmaz kullanışlı color-mix() işlevi de kullanıma sunuluyor. Bu işlev, desteklenen herhangi bir renk alanında bir rengin belirli bir yüzdesinin başka bir renkle karıştırılmasını sağlar. Aşağıdaki örnekte, blue% 10'u SRGB'de white ile birleştirilmektedir.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
CSS Seçiciler 4 Sözde Sınıf :nth-child(an + b veya S)
Seçici 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 edinmek için of S söz dizimiyle :nth-child() seçimleri üzerinde daha fazla kontrol başlıklı makaleyi okuyun.
CSS kök yazı tipi birimleri
rem ürününün 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 fonksiyonları CSS matematik ifadelerine eklendi.
CSS Özel Özellikleri için Stil Kapsayıcısı Sorguları
Bir üst öğenin özel özelliklerinin hesaplanan değerlerine dayalı stilleri uygulamayı mümkün kılmak için @container kurallarına style() işlevini ekler.
baseline-source mülkü
baseline-source özelliği, web geliştiricilerinin satır içi düzeyde bir kutunun bir satır kutusu içinde hizalama için first veya last referans değer kullanıp kullanmayacağını belirtmesine olanak tanır.
Web API'leri
window-management izin ve izin politikası dizesi
Chrome 111, window-placement izni ve izin politikası dizeleri için window-management adını takma ad olarak ekler. Bu, window-placement desteğini sonlandırıp kaldırarak dizeleri yeniden adlandırmaya yönelik büyük çabanın bir parçasıdır. Terminoloji değişikliği, Window Management API zaman içinde geliştikçe tanımlayıcının ömrünü iyileştirir.
Media Session API: Slaytlarla ilgili işlemleri sunma
Mevcut Media Session API'ye previousslide ve nextslide işlemlerini ekler.
Yeniden boyutlandırılabilir ArrayBuffer ve büyütülebilir SharedArrayBuffer
ArrayBuffer oluşturucuları, tamponların yerinde büyümeye ve küçültülmesine olanak tanıyan ek bir maksimum uzunluk alacak şekilde genişletin. Benzer şekilde SharedArrayBuffer, yerinde büyümeye olanak tanıyan ek bir maksimum uzunluk alacak şekilde uzatılır.
Spekülasyon kuralları: yönlendiren politikası anahtarı
Böylece, tahmin kuralları söz dizimi, geliştiricilerin tahmin kuralları tarafından tetiklenen tahmine dayalı isteklerle kullanılacak yönlendiren politikasını belirtmelerine olanak tanıyacak şekilde genişletilir. Bu işlem, "yeterince katı yönlendiren yönlendiren politikasını" da yeniden devreye sokar gerekir.
Akış bildirimsel gölge DOM'u
Bu, gölge kökünü kapanış şablon etiketi yerine açılışa ekleyerek akış için destek sağlar.
Transitions API'yi göster
Görünümlerin anlık görüntüsünü alarak ve durumlar arasında herhangi bir çakışma olmadan DOM'nin değişmesine olanak tanıyarak Tek Sayfalı Uygulamalarda (SPA'lar) kusursuz geçişler oluşturulmasını sağlar. Özel geçişler oluşturmak için Geçişleri Göster'i veya kullanıcı deneyimini iyileştirmek için basit bir çapraz geçiş varsayılanı kullanın.
Daha fazla bilgi edinmek ve başlamanıza yardımcı olacak örnek geçişler için Chrome Geliştiricileri makalesini inceleyin.
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 şekliyle bu XRSession için etkinleştirilen özellik grubunu ve belirtilen mod ile özellikler için spesifikasyonun gerektirdiği Zımni Özellikleri döndürür. İzin verilen bir Oturum için bu değer, requiredFeatures öğesinin tümünü içerir ancak optionalFeatures alt kümesi olabilir. Çoğu özellik, izin verilip verilmediğini tespit etmek için alternatif yöntemlere sahiptir; Bununla birlikte, bazı özelliklerde bir özelliğin etkinleştirilip etkinleştirilmediğine dair sinyal, hiç veri olmaması yerine o anda kullanılamayan bir özelliğin verileriyle yakından ilişkili olabilir. enabledFeatures sorgusunu sorgulayarak faydalı ipuçlarının (ör. iyileştirmeye veya izlemeyi başlatmaya yönelik) gösterilip gösterilmeyeceğini ya da bir özelliğin mevcut oturumda hiçbir zaman desteklenmeyeceğini belirleyebilirsiniz.
Kaynak denemeleri devam ediyor
Chrome 111'de aşağıdaki yeni kaynak denemelerine kaydolabilirsiniz.
Web Payment API'de connect-src CSP atlamasının kaldırılması için kullanımdan kaldırma denemesi
Web Payment API'nin manifesti getirirken connect-src CSP politikasını atlama özelliğini kullanımdan kaldırın. Bu desteğin sonlandırılmasının ardından sitenin connect-src İGP politikasının, PaymentRequest çağrısında belirtilen ödeme yöntemi URL'sinin yanı sıra yöntemin manifest'i almak için zincirlediği diğer URL'lere izin vermesi gerekecek.
Atlamayı geçici olarak yeniden etkinleştirmesi gereken geliştiriciler için bu atlama yeteneği, Chrome 111'de ters kaynak denemeyle 111'den 113'e kadar kaldırılmıştır. Bu özelliği etkinleştirmek istiyorsanız connect-src CSP atlama için ters kullanımdan kaldırma denemesine kaydolun.
Belge Pencere İçinde Pencere
Document Picture-in-Picture API'si, rastgele HTML içeriğiyle doldurulabilecek her zaman açık pencereyi açan yeni bir API'dir. Bu, yalnızca HTMLVideoElement öğesinin PiP penceresine yerleştirilmesine izin veren mevcut Pencere İçinde Pencere API'sinden alınmış bir genişletmedir. Bu sayede web geliştiricileri, kullanıcılara daha iyi bir PiP deneyimi sunabilir.
Belge Pencere İçinde Pencere dokümanlarını okuyun.
Belge Resim İçinde Resim kaynak denemesi için kaydolun.
Kullanımdan kaldırma ve kaldırma işlemleri
Chrome'un bu sürümü, aşağıda listelenen desteği sonlandırma ve kaldırma işlemlerini sunar. Planlanan desteği sonlandırma, mevcut desteği sonlandırma ve önceki kaldırma işlemlerinin listesi için ChromeStatus.com adresini ziyaret edin.
Chrome'un bu sürümü üç özelliği kaldırıyor.
Ödeme Araçlarını Kaldırma
PaymentAraçs, ödeme uygulamalarının JIT dışı olarak yüklenmesini destekleyen web API'sidir (https://w3c.github.io/payment-handler/ adresine göz atın). Tarayıcının gerçek ödeme aracı ayrıntılarını saklayacağı varsayılarak tasarlanmıştır, ancak bu bilgiler doğru çıkmamıştır ve bazı gizlilik sızıntıları vardır. Ayrıca başka hiçbir tarayıcı üzerinden gönderilmedi ve diğer tarayıcı tedarikçilerinden herhangi bir ilgi görmedik. Bu nedenle, bu API kullanımdan kaldırıldı ve kaldırıldı.
Web Payment API'de connect-src İGP atlamasını kaldırın
Web Payment API'nin manifesti getirirken connect-src İGP politikasını atlama özelliğini kullanımdan kaldırın. Bu kaldırma işleminden sonra sitenin connect-src İGP politikasının, PaymentRequest çağrısında belirtilen ödeme yöntemi URL'sinin yanı sıra manifesti almak için söz konusu yöntemin zincirlediği diğer URL'lere izin vermesi gerekir.
Kaldırma işlemi nedeniyle gerekli değişikliklerin yapılması için daha fazla süre tanımak amacıyla, desteği sonlandırma denemesini etkinleştirme yöntemi hakkında bilgi edinmek için kaynak denemeleri altında yer alan bilgileri inceleyin.
canmakepayment etkinliğindeki satıcı kimliği
canmakepayment hizmet çalışanı etkinliği, satıcıya kullanıcının yüklü bir ödeme uygulamasında kayıtlı bir kartı olup olmadığını bildirir. Eskiden satıcının kaynak ve rastgele verilerini, ödeme uygulaması kaynağından hizmet çalışanına sessizce aktarmak için kullanılırdı. Bu çapraz kaynak iletişimleri, JavaScript'teki PaymentRequest yapısında gerçekleşti ve kullanıcı hareketi gerektirmedi ve herhangi bir kullanıcı arayüzü gösterilmedi. Bu sessiz veri geçişi, canmakepayment etkinliğinden ve Android IS_READY_TO_PAY Intent'inden kaldırıldı).