Chrome 125

Kararlı sürüm tarihi: 14 Mayıs 2024

Aksi belirtilmedikçe aşağıdaki değişiklikler Chrome 125 kararlı sürümüne uygulanır kanal sürümünü kullanıma sunduk.

HTML ve DOM

Bildirimsel gölge DOM serileştirme

Geliştiricilerin, kısa süre önce HTML standardında standartlaştırılan gölge kökleri içeren DOM ağaçlarını serileştirmesine olanak tanıyan bir özellik.

41490936 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik

CSS

CSS Bağlantı Metni Yerleşimi

CSS ankraj konumlandırması, geliştiricilerin JavaScript kullanmadan, açıklayıcı bir şekilde, kesinlikle konumlandırılmış bir öğeyi sayfadaki bir veya daha fazla öğeye (ankrajlar) bağlamasına olanak tanır. Sabitleme konumu sabit reklamlar kaydırılabilir. Pop-up'ları, açıklama metni gibi öğeleri çağıran öğenin yanına veya seçili bir menünün ve pop-up seçenek listesi yanına yerleştirmek yaygın bir kullanım alanıdır. Sabitleme konumlandırma özelliğinden önce bu kullanım alanlarında, pop-up'ın dinamik olarak konumlandırılması ve çağıran öğe kaydırıldığında sabit kalması için JavaScript'in kullanılması gerekiyordu. Bu, performans açısından sorunlu ve doğru şekilde uygulanması zor bir işlemdir. Sabit konumlandırma ile bu kullanım alanları, net bir şekilde tanımlamalısınız.

Yer işareti konumlandırma özelliği çok sayıda CSS mülkünden oluşur. Temel özelliklerden bazıları şunlardır:

  • anchor-name: Bir öğeyi diğer öğeler için bağlantı noktası olacak şekilde ayarlar.
  • position-anchor: "varsayılan"ı açıklar sabit bir öğeyi sabitleyeceğiniz kullanın.
  • anchor() işlevi: Sabitleyicinin konumunu belirtmek için kullanılır öğesinin konumlandırılmasıdır.
  • inset-area: Yaygın göreli konumlar için konumlandırma kısaltması.

CSS anchor konumlandırma API'si ile tanışın | İzleme hatası #40059176 | ChromeStatus.com girişi | Özellikler

CSS adımlı değer işlevleri: round(), mod() ve rem()

Adım adım değer fonksiyonları, round() mod() ve rem(), tümü belirli bir başka bir "adım değerine" göre değerlendirebilirsiniz.

round() CSS işlevi, seçilen bir yuvarlama stratejisine göre yuvarlanan bir sayı döndürür.

mod() CSS işlevi, JavaScript kalan operatörüne (%) benzer şekilde, ilk parametre ikinci parametreye bölündüğünde kalan modülü döndürür. Modül, bir operatör (bölüm) ikinci bir operatöre (bölen) bölündüğünde kalan değerdir. Her zaman bölenin işaretini alır.

rem() CSS işlevi, ilk parametre tamamen kullanılmadığında kalan JavaScript kalan operatörüne benzer şekilde, ikinci parametreye bölünür (%). Kalan, bir işlem gören (bölen) olduğunda kalan değerdir ikinci işlenene, yani bölene bölünür. Her zaman payın işaretini alır.

İzleme hatası #40253179 | ChromeStatus.com girişi | Özellikler

CSS özel :state() için yeni söz dizimi

CSS özel durumu, özel öğelerin kendi sözde sınıflarını göstermesine olanak tanır. İlgili içeriği oluşturmak için kullanılan söz dizimi CSSWG'de belirtildi ve Chrome 125 artık yeni söz dizimi :state(foo). Bu değişiklik, Chrome'un hem eski söz dizimini (:--foo) hem de yeni söz dizimini destekleyeceği bir pencereye sahip olacak. Böylece web siteleri yeni söz dizimine geçebilecek.

ChromeStatus.com girişi | Özellik

Yaklaşık %100 veya 0 açıklığa sahip Oklab ve Oklch renkleri için devamsızlıkları kaldırın

Bu değişiklikten önce, açıklık değerine sahip tüm Lab, LCH, Oklab ve Oklch renkleri %100'ü, diğer iki parametreden bağımsız olarak beyaz olarak oluşturulur. Tümü bu alanlardaki açıklık değeri 0 olan renkler siyah olarak işlendi. Bu iki eşleme, gradyanlarda kesintilere neden oldu ve web'e beklenmedik bir durum yaşandı birlikte çalışır.

Bu geri alma işlemiyle birlikte, bu renkler artık yapay olarak eşlenmez ve görüntülenen renk, yakındaki renklerle uyumlu olur ve ekranın gam eşlemesine bağlıdır.

ChromeStatus.com girişi | Spec

Kullanılan renk şeması kök kaydırma çubukları

Tarayıcının, görüntü alanını oluşturmak için kullanıcının tercih ettiği renk şemasını kullanmasını sağlar "sayfanın desteklenen renk şemaları" değeri ise kaydırma çubukları 'normal' mi olup olmadığını ve hesaplanan değeri için color-scheme değeri normal olur. Görüntü alanı kaydırma çubukları, web içeriğinin dışında kalan anlamına gelir. Bu nedenle, geliştirici renk şemaları için açıkça destek belirtmediyse kullanıcı aracıları, görüntü alanı kaydırma çubuklarını oluştururken kullanıcının tercih ettiği renk şemasını dikkate almalıdır.

Bu değişiklik, geliştiricilerin uygulama için renk şemasını kontrol etmesini engellemez. kaydırma çubukları. Yeni davranış, tarayıcının, kullanıcının tercih edilen görüntü alanı yer paylaşımlı olmayan kaydırma çubukları oluşturmak için renk şeması yalnızca geliştirici kök öğe için renk şeması belirtmedi.

title | İzleme hatası #40259909 | ChromeStatus.com girişi | Spec

view-transitions sınıf

Bir veya daha fazla görüntü geçişi sınıfı belirtmenize olanak tanıyan yeni bir CSS özelliği view-transition-class vardır. Daha sonra ViewTransition bu sınıfları kullanan sözde öğeler, örneğin ::view-transition-group(*.class).

Bu, CSS sınıflarının normal DOM öğelerinin stilini basitleştirmesine benzer şekilde, görünüm geçişi sözde öğelerinin stilini basitleştiren ViewTransition API uzantısıdır.

41492972 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik

Yükleniyor

WebSocket oluştururken HTTP ve HTTPS URL'lerini kabul et

Bu güncelleme, WebSocket oluşturucuda HTTP ve HTTPS şemalarını etkinleştirir. Böylece geliştiriciler de göreli URL'ler kullanabilir. Bu URL'ler, ws: ve wss: dahili şemalarına göre normalleştirilir.

Hata takibi #325979102 | ChromeStatus.com girişi | Özellik

Web API'leri

Attribution Reporting API'ye eklemeler

Ek özellikler oluşturmak için Attribution Reporting API'ye yeni özellikler eklendi hata ayıklama raporlarını ayrıştırmayı destekleyerek hata ayıklama özellikleri, API'yi iyileştirme tercih edilen kayıt platformunu belirtmek için bir alanı destekleyerek ergonomik gizliliğin iyileştirilmesine yardımcı olacak.

ChromeStatus.com girişi

Compute Pressure API

Compute Pressure API'nin sunduğu avantajlar üst düzey durumlar için sistemdeki CPU yükünü temsil eder. Bu özellik doğru temel donanım metriklerini kullanmasını sağlamak için mevcut işlem gücünden yararlanmasını sağlamak için, gerekli koşulları sistemi yönetilemeyecek bir stres altında değildir.

Intel, video konferans uygulamalarının özellikleri ve performansı dinamik olarak dengelemesine olanak tanıyacak bu API'nin tasarım ve uygulama çalışmalarına liderlik etti.

Compute Basınç API'si | İzleme hatası #40683064 | ChromeStatus.com girişi | Özellikler

Bu, üçüncü taraf bağlamında bölümlenmemiş çerez ve çerez dışı depolama alanına erişim izni vermek için Storage Access API'nin önerilen uzantısını (geriye dönük uyumlu ve kaynak denemesindedir) başlatır. Mevcut API yalnızca depolama alanından farklı kullanım alanları olan çerezlere erişim.

40282415 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik

Kimlik beyanı uç noktasında FedCM CORS koşulu

FedCM API'deki getirmelerle ilgili akıl yürütmek, özellikler nedeniyle zordur. gerekir. Hesaplar uç noktasıyla ilgili tartışmalar devam ederken kimlik beyanı uç noktasında CORS kullanılması konusunda büyük ölçüde fikir birliği var. Bu güncelleme, bu getirme işleminin güvenlik özelliklerini web platformundaki diğer getirme işlemlerine daha yakın hale getirir.

FedCM güncellemeleri: Button Mode API kaynak denemesi, CORS ve SameSite | İzleme hatası #40284123 | ChromeStatus.com girişi

FedCM, artık CORS ile kimlik onaylama istekleri gönderiyor. Bu değişiklik, Chrome'un kimlik beyanı uç noktasına artık SameSite=Strict çerezleri göndermediği anlamına gelir. Ancak Chrome, SameSite=None çerezlerini göndermeye devam eder. Bir e-posta göndermek hesabın uç noktası ve kimlik onayı için farklı çerez grubu bu değişiklik, bunların tutarlı olmasını sağlar.

SameSite=Strict çerezinin gönderilmemesi de requestStorageAccess davranış genel olarak siteler arası istekler.

İzleme hatası #329145816 | ChromeStatus.com girişi | Özellikler

Birlikte çalışabilirlik fare hareketi varsayılan işlemi

Chrome, metin gibi diğer API'lerin önüne geçmek için fareyle taşıma etkinliklerinin iptal edilmesine izin verdi seçim (ve hatta geçmişte sürükleyip bırakma). Bu, diğer ana dallarla eşleşmiyor tarayıcılar; UI Etkinliği spesifikasyonuna da uymuyor. Metin seçiminde artık daha uzun olmalıdır. Metin seçimi ve sürükleyip bırakma selectstart ve dragstart etkinliklerinin iptal edilmesiyle engellenebilir tıklayın.

Bu özellik, Chrome 125'ten itibaren kademeli olarak kullanıma sunulacaktır ve Chrome 126'da tüm kullanıcıların kullanımına sunulması beklenmektedir.

Demo | Hata takibi #40078978 | ChromeStatus.com girişi | Özellik

Normal ifade değiştiricileri

Normal ifade değiştiriciler, bir kalıptaki i, m ve s işaretlerini yerel olarak değiştirme olanağı sunar.

Bir alt ifadenin işaretini etkinleştirmek için (?X:subexpr) işlevini kullanın. Burada X değeri şunlardan biridir: i, m veya s. Bir alt ifadenin işaretini devre dışı bırakmak için (-X:subexpr) simgesini kullanın.

Örneğin, büyük/küçük harfe duyarlılık i işareti için:

const re1 = /^[a-z](?-i:[a-z])$/i;
re1.test("ab"); // true
re1.test("Ab"); // true
re1.test("aB"); // false

const re2 = /^(?i:[a-z])[a-z]$/;
re2.test("ab"); // true
re2.test("Ab"); // true
re2.test("aB"); // false

ChromeStatus.com girişi | Spec

Adlandırılmış yakalama gruplarının kopyasını oluşturan normal ifade

Yinelenen adlandırılmış yakalama grupları, alternatifler arasında aynı yakalama grubu adını kullanmanıza olanak tanır. Örneğin:

const re = /(?<year>[0-9]{4})-[0-9]{2}|[0-9]{2}-(?<year>[0-9]{4})/;

Bu durumda year, 1. alternatif ((?<year>[0-9]{4})-[0-9]{2}) veya 2. alternatif ([0-9]{2}-(?<year>[0-9]{4})) için geçerlidir.

ChromeStatus.com girişi | Spec

Chrome Uygulamaları

Chrome Uygulamaları'nda Direct Sockets API

Bu güncelleme, özel uygulamaların Chrome Uygulamaları'ndan Chrome uygulamalarında Direct Sockets'ı etkinleştirerek web uygulamalarına izin vererek yalıtılmış web uygulamaları doğrudan iletim denetimi protokolü (TCP) ve kullanıcı datagram protokolü oluşturmak (UDP) ağ cihazları ve sistemleriyle iletişimleri.

ChromeStatus.com girişi | Özellikler

Yeni kaynak denemeleri

FedCM Button Mode API ve Use Other Account API

Bu kaynak denemesi aşağıdaki iki FedCM API'sini içerir.

Düğme Modu API'si, web sitelerinin bir düğme tıklamasıyla FedCM'yi çağırmasına olanak tanır. Örneğin: Sign-in to IdP (IdP'de oturum aç) düğmesini tıklayın. Bu nedenle FedCM'nin, kullanıcılar oturum kapattığında kullanıcı arayüzü göstermeyen widget modunun aksine her zaman görünür bir kullanıcı arayüzüyle yanıt verdiğini garanti etmesi gerekir. FedCM API'yi düğme modunda çağırmak, oturumu kapalı olan kullanıcıları IdP'ye (bir iletişim kutusunda) giriş yapmaya yönlendirir.

Ayrıca, düğme modu açık bir kullanıcı içinde çağrıldığı için kullanıcı arayüzü hareketlerinde daha belirgin olabilir (ör. ortalanmış ve kalıcı) widget modundaki kullanıcı arayüzüne kıyasla (bu mod özel amaç) vardır. Button Mode API'nin nasıl çalıştığı hakkında daha fazla bilgi FedCM güncellemeleri: Button Mode API kaynak denemesi, CORS ve SameSite

Use Other Account API, bir Kimlik Sağlayıcı'nın kullanıcıların şurada oturum açmasına izin verir: diğer hesaplar.

Origin Trial | Demo | İzleme hatası #40284792 | ChromeStatus.com girişi | Spec

Katlanabilir API'ler

Bu kaynak denemesi, Device Posture API ve Viewport SegmentsEnumeration API'yi içerir. Bu API'ler, geliştiricilerin katlanabilir cihazları hedeflemesine yardımcı olmak amacıyla tasarlanmıştır cihazlar.

Kaynak Denemesi | Katlanabilir API'ler için kaynak denemesi | ChromeStatus.com girişi | Özellikler

Önekli HTMLVideoElement tam ekran mülkleri ve yöntemleri için desteği sonlandırma denemesi

Bu kullanımdan kaldırma denemesi, kodunuzu ayarlamak için daha fazla zamana ihtiyacınız varsa ön ek eklenmiş HTMLVideoElement mülkleri ve yöntemleri için desteği yeniden etkinleştirmenize olanak tanır.

Origin Deneme Sürümü | ChromeStatus.com girişi

Ön yükleme taramasını atlama

Keşfetmek için önceden yükleme tarayıcısını atlar alt kaynak getirmesi olmayan sayfalar için performans dengesi sağlar.

Önceden yükleme tarayıcı adımı, alt kaynağa sahip sayfaların performansına katkıda bulunur. tahmine dayalı önceden getirme yöntemini kullanarak getirir. Ancak bu adımdan yararlanmayan sayfalar (yani alt kaynağı olmayan sayfalar) için bu, çok az fayda sağlayan ek bir işlem yükü oluşturur.

Bu yükü azaltarak avantaj elde etmek isteyen ileri düzey web kullanıcıları için bu deneme, ön yükleme tarayıcısını devre dışı bırakmak üzere sayfa düzeyinde bir kontrol sağlar. Veri toplandığı zaman, değiştirilmiş bir API'nin mi yoksa farklı bir HTML önceden yükleme tarayıcısının uygulanması yararlı olur.

Origin Trial | 330802493 numaralı hatayı takip etme | ChromeStatus.com girişi | Spec

Kullanımdan kaldırma ve kaldırma işlemleri

"window-management" izni ve izin politikası için "window-placement" takma adını kaldırma

"window-placement" değerini kaldırır izin ve izin politikası için takma ad "window-management". Bu, "window-placement" özelliğini kullanımdan kaldırarak dizelerin adını değiştirmeye yönelik daha kapsamlı bir çalışmanın bir parçasıdır. Terminoloji değişikliği, tanımlayıcının Pencere Management API zaman içinde gelişir.

title [ad] | İzleme hatası #40842072 | ChromeStatus.com girişi | Özellikler

Enterprise politikasının kaldırılması: NewBaseUrlInheritanceBehaviorAllowed

Bu varsayılan kod değişikliğini (yeni temel URL devralma davranışını etkinleştirin) Ağustos ayından bu yana kararlı sürümlerde kurumsal politika geçersiz kılmaları etkinleştirildi 2023 (Chrome 118). Bilinen sorunlar ele alındığından, bu kuruluş politikası Chrome 125 sürümünde kaldırıldı.

ChromeStatus.com girişi

Önekli HTMLVideoElement tam ekran özellikleri ve yöntemlerinin kaldırılması

Önekli HTMLVideoElement tam ekran API'leri şu tarihten beri kullanımdan kaldırılmıştır: Chrome 38. Bunların yerine, ilk olarak Element.requestFullscreen() 2018'de Chrome 71'de öneksiz olarak gönderilmiştir.

Aşağıdaki özellikler ve yöntemler HTMLVideoElement'ten kaldırılacaktır:

  • webkitSupportsFullscreen
  • webkitDisplayingFullscreen
  • webkitEnterFullscreen()
  • webkitExitFullscreen()
  • webkitEnterFullScreen() ("S" harfinin FullScreen)
  • webkitExitFullScreen()

Siteniz bu API'leri kullanmaya devam ediyorsa ve kodunuzu güncellemek için daha fazla zamana ihtiyacınız varsa bu yayında listelenen kullanımdan kaldırma deneme sürümüne kaydolun.

ChromeStatus.com girişi

Daha fazla bilgi

Daha fazlasını mı arıyorsunuz? Aşağıdaki ek kaynaklara göz atın.

Google Chrome'u indirin

Android, masaüstü veya iOS için Chrome'u indirin.