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ı).