Chrome 125

Kararlı yayın 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

Bildirim temelli gölge DOM serileştirmesi

Geliştiricilerin gölge kökleri içeren DOM ağaçlarını serileştirmesini sağlayan bir özellik. bir süre önce standart hale getirilmiştir.

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

CSS

CSS Bağlayıcı Konumlandırma

CSS sabit konumlandırması, geliştiricilerin kesinlikle konumlandırılmış bir öğeyi bağlamalarına olanak tanır. sayfadaki bir veya daha fazla diğer öğeye (sabit reklamlar) eklemeniz gerekir. olmadan çalışır. Sabitleme konumu sabit reklamlar kaydırılabilir. Yaygın kullanım alanlarından biri, onu çağıran öğenin yanındaki ipucu veya bir seçim menüsü ve pop-up'ı tıklayın. Çapa konumlandırma özelliğinden önce bu kullanım alanları, pop-up'ı dinamik olarak konumlandırmak ve çağrı öğesi kaydırıldı. Bu bir performans tabancası ve iyi olur. Sabit konumlandırma ile bu kullanım alanları, net bir şekilde tanımlamalısınız.

Çapa konumlandırma özelliği çok sayıda CSS özelliğinden oluşur. CEVAP önemli ö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: Sabit reklamın konumunu belirtmek için kullanılır öğesinin konumlandırılmasıdır.
  • inset-area: genel göreli konumların kısaltılmış halidir.

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 yuvarlamaya göre yuvarlatılmış bir sayı döndürür üzerine konuşacağız.

mod() CSS işlevi, ilk parametre şöyle olduğunda kalan bir modülü döndürür: JavaScript kalan operatörüne benzer şekilde, ikinci parametreye bölünür (%). Modül, bir işlenen ve bölünen için kalan değerdir ikinci işlenene, yani bölene bölünür. Her zaman bölen.

rem() CSS işlevi, ilk parametre etkinken 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 paylaştırmaktı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şiklikte, Chrome'un hem eski söz dizimini (:--foo) hem de yeni söz dizimini destekler. Böylece web siteleri, yenisine geçebilirsiniz.

ChromeStatus.com girişi | Özellikler

Oklab ve Oklch renklerindeki devamsızlığı yaklaşık% 100 veya 0'lık açıklık değeriyle 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, bu renkler artık yapay olarak eşlenmez ve ortaya çıkan renk, yakındaki renklerle sürekli olarak değişir ve ekranın gamut eşlemesi.

ChromeStatus.com girişi | Özellikler

Renk şeması kök kaydırma çubukları kullanıldı

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, kullanıcı aracıları kullanıcının geliştirici, aşağıdakileri yaparsa görüntü alanı kaydırma çubukları oluşturulurken tercih edilen renk şeması renk şemaları için açıkça belirtilmedi.

Bu değişiklik, geliştiricilerin mobil cihazlar 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 [ad] | İzleme hatası #40259909 | ChromeStatus.com girişi | Özellikler

view-transitions sınıf

Yeni bir CSS mülkü view-transition-class var. Bu mülkle şunları yapabilirsiniz: bir veya daha fazla görünüm geçişi sınıfı belirtebilirsiniz. Daha sonra ViewTransition bu sınıfları kullanan sözde öğeler, örneğin ::view-transition-group(*.class).

Bu, ViewTransition API'nin bir uzantısıdır bu görünüm geçişi sözde öğelerinin stilini benzer şekilde basitleştiren daha basit bir şekilde ele alacağız.

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

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ştiricilerin göreli URL'ler kullanmasına da olanak tanımış olursunuz. Bunlar şu şekilde normalleştirilir: ws: ve wss: dahili şemaları.

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

Web API'leri

Attribution Reporting API'ye yapılan 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, bu API'nin tasarım ve uygulama çalışmalarına öncülük etti. Bu sayede, video konferans uygulamalarının özellikleri dinamik olarak dengelemesine olanak tanır. bazı yolları da görmüştük.

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

Bu işlem, Storage Access API'nin önerilen uzantısını başlatır (geriye doğru bölümlendirilmemiş çereze erişime izin vermek için kaynak denemesindedir) ve üçüncü taraf bağlamında çerezsiz depolama. Mevcut API yalnızca depolama alanından farklı kullanım alanları olan çerezlere erişim.

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

Kimlik onaylama uç noktasında FedCM CORS gereksinimi

FedCM API'deki getirmelerle ilgili akıl yürütmek, özellikler nedeniyle zordur. gerekir. Hesaplarla ilgili tartışmalar devam ederken kimlik doğrulaması uç noktasının gerektiği konusunda CORS'yi kullanır. Bu güncelleme, bu getirme işleminin güvenlik özelliklerini diğer getirmelerin oranı.

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 buna rağmen, kimlik onayı uç noktasına SameSite=Strict çerezleri gönderilmez Chrome yine de SameSite=None gönderir. 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ışabilir fare taşıma 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 sürümünden itibaren kademeli olarak kullanıma sunulacaktır ve kullanılması beklenmektedir. kullanıma sunmayı planlıyoruz.

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

Normal ifade değiştiricileri

Normal ifade değiştiricileri; i, m, ve s. dk. işaretleri görebilirsiniz.

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) işlevini 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 | Özellikler

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

Yinelenen adlandırılmış yakalama grupları olması, aynı yakalama grubu adını kullanmanıza olanak tanır yardımcı olur. Ö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}) için geçerlidir. veya 2. alternatif ([0-9]{2}-(?<year>[0-9]{4})).

ChromeStatus.com girişi | Özellikler

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 Başka Hesap API'sini Kullanma

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. Bunun için FedCM'nin bunu garanti etmesi gerekir her zaman widget modunun aksine görünür bir kullanıcı arayüzüyle yanıt verir. Bu sayfada kullanıcılar çıkış yaptığında kullanıcı arayüzü gösterilmez. FedCM API'yi çağırmak için: button mode (düğme modu), kullanıcılar aşağıdaki işlemleri gerçekleştirdiğinde kullanıcıları IdP'ye (bir iletişim penceresinde) giriş yapmaya yönlendirir: oturum kapatıldı.

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, 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.

Kaynak Denemesi | Demo | Hata numarası #40284792 | ChromeStatus.com girişi | Spesifikasyon

Katlanabilir API'ler

Bu kaynak denemesi Device Posture API'yi ve Görüntü Alanı Segmentlerini içerir Numaralandırma API'sı. 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 özellikleri ve yöntemleri için desteği sonlandırma denemesi

Bu desteği sonlandırma denemesinde, ayarlarınızı değiştirmek için daha fazla zamana ihtiyacınız varsa, HTMLVideoElement özellikleri girin.

Kaynak Denemesi | ChromeStatus.com girişi

Önceden yükleme taramasını atla

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 sayfalar için alt kaynağı olmayan sayfalar için (ör. alt kaynağı olmayan sayfalarda) Bu, çok az fayda sağlayan ek işlem ek yüküdür.

Bu ek yükü azaltmaktan yararlanmak isteyen gelişmiş web kullanıcıları için deney, önceden yükleme tarayıcısını devre dışı bırakmak için 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.

Kaynak Denemesi | İzleme hatası #330802493 | ChromeStatus.com girişi | Özellikler

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

"window-placement" öğesini kaldırın "window-management" izin ve izin politikası için takma ad

"window-placement" değerini kaldırır izin ve izin politikası için takma ad "window-management". Bu, dizeleri sonunda "window-placement"ın kullanımdan kaldırılması ve kaldırılması. 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

Kurumsal politikanın kaldırılması: NewBaseUrlInheritanceBehaviorAllowed

Bu değişiklik için gereken temel kod değişikliği (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 özelliklerinin 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'tan kaldırılacak:

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

Aşağıdaki durumlarda bu gönderide belirtilen sonlanan deneme sürümüne kaydolun: siteniz bunları temel almaya devam ediyor ve kodu güncellemek için daha fazla zamana ihtiyacınız var.

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

Şu ürün için Chrome'u indirin: Android, Masaüstü veya iOS