CSS maskeleme, CSS iç içe yerleştirme için rahatlatılmış kurallar, <details> öğesiyle akordeon kalıpları oluşturun ve Media Session API'si için enterpictureinpicture işlemi ile çalışın.
Aksi belirtilmedikçe, açıklanan değişiklikler Android, ChromeOS, Linux, macOS ve Windows'un en yeni Chrome beta kanalı sürümü için geçerlidir. Sağlanan bağlantıları kullanarak veya chromestatus.com adresindeki listeden burada listelenen özellikler hakkında daha fazla bilgi edinin. Chrome 120, 1 Kasım 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
Bu sürümde yedi yeni CSS özelliği eklendi.
Kayıtlı özel özellikler için CSS <image> söz dizimi
@property veya registerProperty() ile kaydedilmiş özel mülkler için <image> söz diziminin kullanılmasını destekler. Özel özelliğin değerlerini url() değerleriyle ve gradyanlar gibi oluşturulan resimlerle kısıtlamak için <image> söz dizimi kullanılabilir.
Kayıtlı özel mülkler için CSS <transform-function> ve <transform-list> söz dizimi
@property veya registerProperty() ile kaydedilmiş özel mülkler için <transform-function> ve <transform-list> söz diziminin kullanılmasını destekler.
Söz dizimi, dönüşümleri temsil etmek üzere özel özelliğin değerlerini kısıtlamak için kullanılabilir. Bu, geçişlerin ve animasyonların doğrudan bu kayıtlı özel özelliklerde kullanılmasına da olanak tanır.
Medya Sorguları: komut dosyası özelliği
Komut dosyası medya özelliği, mevcut dokümanda JavaScript gibi kodlama dillerinin desteklenip desteklenmediğini sorgulamak için kullanılır. Geçerli seçenekler "etkin", "yalnızca ilk" ve "hiçbiri"dir. Ancak, 'yalnızca başlangıç' değeri bir tarayıcının içinde asla eşleşmez.
:dir() sözde sınıf seçici
:dir() CSS sözde sınıf seçici, öğeleri yöne göre eşleştirir. Bu da HTML dir özelliğine göre belirlenir.
:dir(ltr), soldan sağa metin yönüyle eşleşir.
:dir(rtl), sağdan sola metin yönü olan öğeleri eşleştirir.
dir özelliğine sahip bir üst öğeden devralınan yönlerle eşleştiği ve dir=auto kullanımından hesaplanan yönle (güçlü yöne sahip metindeki ilk karakterin yönünü belirler) eşleştiği için [dir] özellik seçicilerine eşdeğer değildir.
CSS üstel işlevleri
CSS Değerleri ve Birim Düzeyi 4 spesifikasyonundan pow(), sqrt(), hypot(), log() ve exp() gibi CSS üstel işlevlerini ekler.
CSS maskeleme
CSS mask ve mask-image ile mask-mode gibi ilgili özellikler, bir öğeyi belirli noktalarda maskeleyerek veya kırparak bir öğeyi (kısmen veya tamamen) gizlemek için kullanılır.
Bu özellik, -webkit-mask* mülklerinin ön ekini kaldırır ve bunları mevcut spesifikasyonla uyumlu hâle getirir. Buna mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size ve mask-composite ile mask kısaltması dahildir. Yerel mask-image referansları destekleniyor, serileştirme artık spesifikasyonla eşleşiyor ve kabul edilen değerler artık spesifikasyonla eşleşiyor (örneğin, mask-composite için source-over yerine add).
Rahat CSS iç içe yerleştirme
CSS iç içe yerleştirme uygulamasında yapılan bu değişiklik, iç içe yerleştirilmiş stil kurallarının bir öğeyle başlamasına olanak tanır. Örneğin h1, önde & simgesini zorunlu tutmak veya is() ile sarmalanmak yerine bu işlemi yapabilir. Aşağıdaki örnek artık spesifikasyonda geçerlidir ve Chrome 120'de çalışır.
.card {
h1 {
/* h1 does not start with a symbol */
}
}
HTML
<details> üzerinde ad özelliği kullanan akordeon deseni
Bu özellik, HTML <details> öğeleri dizisini kullanarak akordeon oluşturma olanağını ekler. <details> öğesine bir ad özelliği ekler. Bu özellik kullanıldığında, aynı ada sahip birden fazla <details> öğesi bir grup oluşturur. Gruptaki en fazla bir öğe aynı anda açık olabilir.
Web API'leri
ArrayBuffer'ın VideoFrame, AudioData, EncodedVideoChunk, EncodedAudioChunk, ImageDecoder kurucularına aktarılmasına izin ver
Bu, dizi arabelleklerinin ayrılmasına ve VideoFrame, ImageDecoder, EncodedVideoChunk, EncodedAudioChunk, AudioData içindeki karşılık gelen arabelleklerin kopyası olmadan kullanılmasına izin verir.
CSS Font Upload API FontFaceSet: check() yöntemi
FontFaceSet için check() yöntemi, FontFaceSet içinde yüklenmeyen yazı tiplerini kullanmaya çalışmadan belirtilen yazı tiplerini kullanarak metin görüntülemenin mümkün olup olmadığını doğrular. Böylece kullanıcılar, daha sonra bir yazı tipi değişimini tetiklemeden yazı tipini güvenli bir şekilde kullanabilir.
Kapatma istekleri ve CloseWatcher
Kapatma istekleri, kullanıcıların masaüstünde Esc tuşunu veya Android'de geri hareketi ya da düğmesini kullanarak o anda açık olan bir öğeyi kapatma isteklerini kapsayan yeni bir kavramdır. Bunların Chrome'a entegre edilmesi iki değişiklikle birlikte gelir:
CloseWatcher, kapatma isteklerini doğrudan dinlemek ve yanıtlamak için kullanılan yeni bir API'dir.- Android geri düğmesine yanıt verebilmeleri için yeni kapatma isteği çerçevesini kullanmak üzere
<dialog>vepopover=""sürümlerine yükseltilir.
Özel çalışanlar ve Storage Access API
Özel çalışanlar üst bağlamın depolama erişim durumunu devralır. Bu nedenle, bir doküman document.requestStorageAccess() aracılığıyla depolama erişimi elde eder ve daha sonra özel bir çalışan oluşturursa, çalışan da depolama alanına sahip olur (ve bölümlendirilmemiş çerezlere erişebilir).
FedCM: Hata API'si ve AutoSelectedFlag API'si
Geliştiricilerin ve kullanıcıların kimlik doğrulama akışını daha iyi anlamasına yardımcı olmak için özel API'ler. Her iki API de, bir web sitesinde veya uygulamada (bu bağlamda bağlı taraf (RP) olarak bilinir) bir kimlik sağlayıcıyla oturum açmak için kullanıcı izninden sonra tetiklenir. Başka bir deyişle, kullanıcı Farklı devam et düğmesini tıkladıktan sonra.
Hata API'si kullanıldığında bir kullanıcının oturum açma girişimi başarısız olursa kimlik sağlayıcı hem kullanıcıları hem de RP geliştiricilerini bilgilendirmek için nedenleri tarayıcıyla paylaşabilir.
AutoSelectedFlag API ile hem kimlik sağlayıcı hem de RP geliştiricileri, oturum açma kullanıcı deneyimini daha iyi anlayabilir, performansı değerlendirip metrikleri buna göre segmentlere ayırabilir.
FedCM Chrome 120 blog yayınında daha fazla bilgi edinin.
Fenced Frames işleviyle ilgili güncellemeler
Özel Korumalı Alan'daki Protected Audience API'de, Protected Audience reklam boyutu makroları için ek bir biçim seçeneği vardır. Etkinleştirme özelliği, açık artırmayı kazanan reklamın boyutunu reklam URL'sine belirtmek için makrolar kullanmanıza olanak tanır. Örneğin:
https://ad.com?width={/%AD_WIDTH%}&height={/%AD_HEIGHT%}
Korunan Kitledeki diğer makro türleriyle (ör. deprecatedReplaceInURN ve registerAdMacro() tarafından kullanılanlar) daha tutarlı olmak amacıyla Chrome 120'de, geçerli biçimin yanı sıra ${AD_WIDTH} ve ${AD_HEIGHT} makrolarını biçim olarak kullanma özelliğini ekliyoruz.
Otomatik işaretçiler artık kayıtlı tüm URL'lere gönderilecek. Önceden, iş akışında reserved.top_navigation için registerAdBeacon() adlı hedef olsa bile yalnızca setReportEventDataForAutomaticBeacons() çağrısı yapılırken belirtilen hedefler otomatik işaretçi alıyordu. Artık reserved.top_navigation için registerAdBeacon() çağıran tüm hedeflere otomatik işaretçi eklenir. Ancak yalnızca setReportEventDataForAutomaticBeacons() içinde belirtilen hedefler işaretçiyle birlikte otomatik işaretçi verilerini alır. setReportEventDataForAutomaticBeacons() içindeki once parametresi artık işaretçinin tamamının bir kez gönderilip gönderilmediğini belirlemek yerine verilerin bir kez gönderilip gönderilmeyeceğini belirleyecek.
Kesişim Gözlemci Kaydırma Kenarlığı
Intersection Observer scrollMargin, geliştiricilerin şu anda kaydırma kapsayıcıları tarafından kırpılmış olan iç içe yerleştirilmiş kaydırma kapsayıcılarının içindeki hedefleri gözlemlemesine olanak tanır. Bu, kesişim hesaplanırken kapsayıcının kırpma dikdörtgeninin scrollMargin kadar genişletilmesiyle gerçekleştirilir.
İzin politikası ihlal raporları
Bu politika, Permissions Policy API'yi Reporting API'ye entegre eder. Bu da web geliştiricilerinin, izin politikası ihlali raporlarının gönderileceği uç noktaları yapılandırmasına olanak tanır. Böylece site sahipleri, alanlarında izin verilmeyen özelliklerin ne zaman istendiğini görebilir.
Ayrıca, raporların önerilen bir politikaya (Content-Security-Policy-Report-Only benzeri) göre gönderilmesini sağlayan Permissions-Policy-Report-Only üst bilgisini de içerir. Böylece, politika değişiklikleri normal, zorunlu kılma modunda uygulanmadan önce olası kesintilere karşı değerlendirilebilir.
Media Session API: enterpictureinpicture işlem
Media Session API'sine enterpictureinpicture işlemi ekler. Web siteleri, bir Pencere İçinde Pencere veya Document Pencere İçinde Pencere penceresi açmak için kullanılabilecek bir işlem işleyici kaydedebilir.
Web uygulamaları için otomatik pencere içinde pencere bölümünden daha fazla bilgi edinebilirsiniz.
WebGPU f16 desteği
WebGPU gölgelendiricilerinde (WGSL) yarı duyarlıklı kayan nokta türü f16'nın kullanılmasına olanak tanır.
Geliştiriciler, gölgelendiricilerindeki 16 bit kayan nokta değişkenlerine ve API'lara erişmek için WebGPU spesifikasyonundaki "shader-f16" özelliğini ve WGSL spesifikasyonundaki "f16" uzantısını kullanabilir.
MediaCapabilities: decodingInfo() ile HDR desteğini sorgulayın
Media Capabilities API'yi, üç yeni VideoConfiguration sözlük alanı aracılığıyla HDR oluşturma desteğinin algılanmasına olanak tanıyacak şekilde genişletir: hdrMetadataType, colorGamut ve transferFunction. Chrome, kendi ton eşleme algoritmalarını uyguladığından HDR10 (smpteSt2086) statik meta verileri için her zaman "doğru" değerini döndürür. HDR10+ (smpteSt2094-10) ve Dolby Vision (smpteSt2094-40) dinamik meta verileri şu anda desteklenmediğinden false (yanlış) değerini döndürür. Gelecekte dinamik meta veriler için destek sunmayı planlıyoruz. Bu nedenle bu API, geliştiricilerin destek alan kullanıcılar için uygun içeriği seçmelerine olanak tanıyacaktır.
MediaStreamTrack İstatistikleri (Video)
Bu türdeki MediaStreamTracks türleri için kare sayaçlarını (yayınlanan, silindi, toplam) gösteren bir API. Ses istatistikleri, ayrı bir Chrome özellik lansmanı kapsamında ele alınacaktır.
Private Aggregation API: toplama koordinatörü seçimi
Yük şifrelemesi için kullanılacak koordinatörün seçilmesine yönelik bir mekanizma sağlamak üzere Private Aggregation API'de yapılan değişiklik (tedarikçi firma tarafından belirtilen bir izin verilenler listesinden). Hizmet seçimi, run() ve selectURL() SharedStorage çağrılarında ve runAdAuction() ile joinAdInterestGroup() Korunan Kitle çağrılarında ek bir seçenekle yapılır. Geniş yaklaşım, Attribution Reporting API'nin yaklaşımıyla büyük ölçüde uyumludur.
FedCM'deki Giriş Durumu API'si
Giriş Durumu API'si (eski adıyla IdP Oturum Açma Durumu API'si), kimlik sağlayıcıların, kullanıcıları giriş veya çıkış yaparken tarayıcıya sinyal göndermesine olanak tanır.
Bu, FedCM tarafından sessiz bir zamanlama saldırısıyla başa çıkmak için kullanılır ve böylece FedCM'nin hiç üçüncü taraf çerezleri olmadan faaliyet göstermesini sağlar.
Gelecekte bu API daha fazla kullanım alanında kullanıma sunulabilir.
Daha fazla bilgiyi duyuruyla ilgili blog yayınında bulabilirsiniz.
Geçişleri Görüntüle: geri çağırmayı null yapılamaz hale getirme
startViewTransition çağrısı şu anda varsayılan null değerine sahip, isteğe bağlı null özellikli bir geri çağırma türü alıyor: startViewTransition(optional UpdateCallback? callback = null).
Bu özellik, bunu null olmayan bir türe dönüştürür: startViewTransition(optional UpdateCallback callback).
TLS için X25519Kyber768 anahtar kapsülü
Kyber768 kuantum dirençli anahtar anlaşması algoritmasını dağıtarak mevcut Chrome TLS trafiğini gelecekteki kuantum kript analizine karşı koruyun. Bu, IETF standardına dayalı karma bir X25519 + Kyber768 anahtar sözleşmesidir. Bu spesifikasyon ve lansman, W3C'nin kapsamı dışındadır. Bu anahtar sözleşmesi TLS şifresi olarak kullanıma sunulacak ve kullanıcılar açısından şeffaf olmalıdır.
Kaynak denemeleri devam ediyor
Chrome 120'de aşağıdaki yeni kaynak denemelerine katılabilirsiniz.
"öncelik" HTTP isteği başlığı
Bu özellik, tüm HTTP isteklerine, isteğin gönderildiği sırada öncelik bilgilerine sahip priority istek başlığını ekler.
RFC 9218 (HTTP için Genişletilebilir Önceliklendirme Şeması), kaynaklara (ve aracılara) istek önceliğinin gönderilmesi için kullanılacak "öncelikli" HTTP isteği başlığını tanımlar. Ayrıca, HTTP/2 ile HTTP/3'ün aynı öncelik bilgilerini taşıması için görüşme süreçlerini ve protokol düzeyinde çerçeveleri de tanımlar. Üstbilgi, yalnızca ilk istendiğinde bir kaynağın ilk önceliğini bildirebilir. Çerçeve tabanlı mekanizmalar ise önceliğin sonuçtan sonra değiştirilmesine izin verir. Çerçeveler bağlantı düzeyinde çalışmayla sınırlıyken başlık, kaynak sunuculara kadar uçtan uca çalışabilir (ve kaynağın, aracılar tarafından tanınırsa önceliği geçersiz kılması için bir mekanizma sağlayabilir). Bu özellik, özellikle başlığa dayalı önceliklendirme şemasını desteklemek içindir.
Storage Access API'yi (SAA) çerez olmayan bir depolama alanına genişletme
Storage Access API'nin, üçüncü taraf bağlamında bölümlendirilmemiş (çerezsiz ve çerez olmayan) depolama alanına erişime olanak tanıyacak şekilde uzatılmasını (geriye dönük uyumluluğa sahip) öneririz.
Karma içeriği gevşetmek için Özel Ağ Erişimi izni
Bu özellik; yerel bir ağda, genel olarak benzersiz adlara sahip olmayan ve bu nedenle TLS sertifikaları alamayan cihazlarla bağlantı kurmak için fetch() ürününe, geliştiricilerin böyle bir cihazla konuşma niyetini bildirme seçeneğini, her sitenin bu özelliğe erişimini denetleyen yeni bir politika tarafından kontrol edilen özellik ve ek meta veriler sağlamak amacıyla sunucunun ön kontrol yanıtı için yeni üst bilgileri sunuyor.
Özel Ağ Erişimi İzin İstemi kaynak denemesine kaydolun.
Performance.measureUserAgentSpecificMemory() işlevine sınırsız erişim
Performance.measureUserAgentSpecificMemory(), yalnızca kökler arası erişime kapalı ortamlarda (COOP/COEP'nin arkasında) kullanılabilir olacak şekilde belirtilir. Bu özellik, COOP/COEP'nin tam olarak dağıtılamadığı durumlarda regresyon testlerine ve etki ölçümüne izin vermek için COOP/COEP kısıtlamasını kaldırır. Performance.Memory (eski API), çalışanlarda hiçbir zaman etkinleştirilmediğinden bu amaçla kullanılamaz.
performance.measureUserAgentSpecificMemory()
Bu özellik, web sayfasının bellek kullanımını tahmin eden bir performance.measureUserAgentSpecificMemory() işlevi ekler. API'yi kullanmak için web sitesinin kökler arası erişime kapalı olması gerekir.
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 bir özellik kullanımdan kaldırıldı.
Theora desteğini sonlandırın
Chrome, yeni güvenlik riskleri nedeniyle masaüstü Chrome'da Theora video codec'ine yönelik desteği kullanımdan kaldıracak ve kaldıracaktır. Theora'nın düşük (ve artık sık sık yanlış) kullanımı artık çoğu kullanıcı için destek anlamına gelmiyor.
Chrome'un bu sürümünde iki özellik kaldırıldı.
Verileri kaldır: SVGUseElement öğesindeki URL
Veri atama: SVGUseElement öğesindeki URL, XSS'ye neden olabilir. Bu durum aynı zamanda Trusted Types atlatılmasına da yol açtı. Bu nedenle, destek sürecini sonlandırmayı ve kaldırmayı planlıyoruz.
CSPEE'de aynı kaynak genel uygulamasını kaldırma
CSP Zorunluluğu'ndan aynı kaynaklı iframe'ler için özel işlem kaldırır. Bu kural, kaynaklar arası iframe'ler ve aynı kaynak iframe'ler için CSP Yerleşik Uygulamasının zorunlu kılınmasıyla ilgili davranışı uyumlu hale getirir.