Aksi belirtilmediği sürece aşağıdaki değişiklikler Android, ChromeOS, Linux, macOS ve Windows'un en yeni Chrome beta kanalı sürümünde geçerli olacaktır. Sağlanan bağlantılardan veya ChromeStatus.com'daki listeden burada listelenen özellikler hakkında daha fazla bilgi edinin. Chrome 125, 17 Nisan 2024 itibarıyla beta sürümündedir. En son içerikleri masaüstü için Google.com'dan veya Android'de Google Play Store'dan indirebilirsiniz. Mevcut ürün sürümüne yayınlandıktan sonra, eklenen tüm özellikler sürüm notlarında bulunabilir.
CSS
Bu sürümde iki yeni CSS özelliği eklendi ve CSS ile ilgili iki değişiklik yapıldı.
CSS Bağlayıcı Konumlandırma
CSS sabit konumlandırması, geliştiricilerin mutlak olarak konumlandırılmış bir öğeyi sayfadaki bir veya daha fazla öğeye (bağlayıcılar) JavaScript kullanmadan bildirimli bir şekilde bağlamalarına olanak tanır. Çapa konumlandırması, çapalar kaydırılabilir olduğunda etkili bir şekilde çalışır. Yaygın bir kullanım alanı, öğeyi çağıran öğenin yanına ipucu gibi bir pop-up veya bir seçme menüsü ve bu menünün pop-up seçenekleri listesi gibi bir pop-up yerleştirmektir. Çapa konumlandırma özelliğinden önce, bu kullanım alanlarında, pop-up'ı dinamik olarak konumlandırmak ve çağırma öğesi kaydırılırken bunu sabit tutmak için JavaScript gerekiyordu. Bu, bir performans tabancası ve düzgün çalışması zordu. Çapa konumlandırmayla bu kullanım alanları etkili ve bildirime dayalı bir şekilde uygulanabilir.
Sabit konumlandırma özelliği çok sayıda CSS özelliğinden oluşur. Temel özelliklerden bazıları şunlardır:
anchor-name: Bir öğeyi diğer öğeler için bağlayıcı olacak şekilde ayarlar.position-anchor: Sabit bir öğenin sabit konumlandırma için kullanması gereken "varsayılan" bağlayıcıyı açıklar.anchor()işlevi: Sabit öğenin konumlandırılmasında sabit öğenin konumuna başvuruda bulunmak için kullanılır.inset-area: konumlandırmanın, ortak göreli konumlar için kullanılan kısaltmasıdır.
CSS adımlı değer işlevleri: round(), mod() ve rem()
Basamaklı değerli işlevlerin (round(), mod() ve rem()) tümü belirli bir değeri başka bir "adım değerine" göre dönüştürür.
round() CSS işlevi, seçilen bir yuvarlama stratejisine göre yuvarlanmış bir sayı döndürür.
mod() CSS işlevi, ilk parametre ikinci parametreye bölündüğünde kalan modülü döndürür (JavaScript kalan operatörüne (%) benzer şekilde). Modül, bir işlenenin (bölünen) ikinci bir işlenene (bölen) bölündüğünde kalan değerdir. Her zaman bölen
işaretini alır.
rem() CSS işlevi, birinci parametre ikinci parametreye bölündüğünde kalan değeri, JavaScript kalan operatörüne (%) benzer şekilde döndürür. Kalan, bir işlenenin (bölünen) ikinci bir işlenene (bölen) bölündüğünde kalan değerdir. Her zaman karın
işaretini alır.
Yaklaşık% 100 veya 0'lık bir açıklığa sahip Oklab ve Oklch renkleri için süreksizliği kaldırın
Bu değişiklikten önce, açıklık değeri% 100 olan tüm Lab, LCH, Oklab ve Oklch renkleri diğer iki parametreden bağımsız olarak beyaz olarak oluşturuluyordu. Bu alanlardaki açıklık değeri 0 olan tüm renkler siyah olarak oluşturuldu. Bu iki eşleme, renk geçişlerinde kesintilere neden oldu ve web geliştiricileri için beklenmedik bir durumdu.
Bu geri alma işlemiyle bu renkler artık yapay olarak eşlenmez ve sonuçta gösterilen renk, etraftaki renklerle tutarlı olur ve ekranın gam eşlemesine bağlıdır.
Renk şeması kök kaydırma çubukları kullanıldı
"Sayfanın desteklenen renk şemaları" değeri "normal" ise veya belirtilmemişse ve kök öğe için hesaplanan color-scheme değeri normal ise tarayıcının, görüntü alanı kaydırma çubuklarını oluşturmak üzere kullanıcının tercih ettiği renk şemasını kullanmasını sağlar. Görüntü alanı kaydırma çubukları, web içeriğinin dışında olarak değerlendirilebilir. Bu nedenle, geliştirici renk şemalarını desteklediğini açıkça belirtmemişse 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 kaydırma çubuklarının renk şemasını kontrol etmesini engellemez. Yeni davranış, yalnızca geliştirici kök öğe için renk şemasını belirtmemişse tarayıcının, görüntü alanının yer paylaşımlı olmayan kaydırma çubuklarını oluşturmak üzere kullanıcının tercih ettiği renk şemasını kullanmasını sağlar.
HTML
Klavyeye odaklanılabilir kaydırma kapsayıcıları
Sıralı odaklı gezinmeyle kaydırma kapsayıcılarını odaklanılabilir hale getirerek erişilebilirliği iyileştirir. Bu değişiklikten önce, tabIndex açıkça 0 veya daha yüksek bir değere ayarlanmadığı sürece sekme tuşu kaydırıcılara odaklanmaz.
Kaydırıcıları varsayılan olarak odaklanılabilir hale getirerek, fare kullanamayan (veya istemeyen) kullanıcılar, klavyenin sekmesini ve ok tuşlarını kullanarak kırpılmış içeriğe odaklanabilir. Bu davranış yalnızca kaydırıcı klavyeye odaklanılabilir herhangi bir alt öğe içermiyorsa etkinleştirilir.
Bu, Chrome 124'te başlamış olan ve tüm Chrome 125 kullanıcılarına sunulacak olan bir kullanıma sunma sürecidir. Klavyeye odaklanılabilir kaydırma çubukları hakkında daha fazla bilgi edinin.
Bildirim temelli gölge DOM serileştirme
Geliştiricilerin gölge kökleri içeren DOM ağaçlarını seri hale getirmesini sağlayan bir özellik. Bu özellik son zamanlarda HTML standardında standart hale getirilmiştir.
Web API'leri
Attribution Reporting API'ye yapılan eklemeler
Attribution Reporting API'ye, hata ayıklama raporlarını ayrıştırmayı destekleyerek ek hata ayıklama özellikleri oluşturmak, tercih edilen kayıt platformunu belirten bir alanı destekleyerek API ergonomisini iyileştirmek ve gizliliği iyileştirmek için özellikler eklendi.
Compute Pressure API
Compute Pressure API, sistemdeki CPU yükünü temsil eden üst düzey durumlar sunar. Bu sayede uygulama, doğru temel donanım metriklerinin kullanılmasını sağlayarak kullanıcıların, sistem yönetilemez bir stres altında olmadığı sürece kullanıcılara sunulan tüm işlem gücünden yararlanmasını sağlar. Intel bu API'nin tasarım ve uygulama çalışmalarına öncülük etti. Bu API, video konferans uygulamalarının özellikleri ve performansı dinamik bir şekilde dengelemesini sağlayacak.
WebSocket oluştururken HTTP(S) URL'lerini kabul et
Bu güncelleme, WebSocket oluşturucuda HTTP(s) şemalarını etkinleştirir. Böylece, geliştiricilerin göreli URL'ler kullanmasına da olanak tanır. Bunlar, ws: ve wss: dahili şemalarına göre normalleştirilir.
Storage Access API'yi (SAA) çerez olmayan depolama alanına genişletme
Bu işlem, üçüncü taraf bağlamında bölümlendirilmemiş çerez ve çerez olmayan depolamaya erişim sağlamak amacıyla Storage Access API'nin önerilen uzantısını (geriye dönük uyumluluğa sahiptir ve kaynak deneme sürümündedir) başlatır. Mevcut API yalnızca, çerez olmayan depolamadan farklı kullanım alanlarına sahip çerezlere erişim sağlar.
Kimlik onayı uç noktasıyla ilgili FedCM CORS koşulu
FedCM API'deki getirmeler, gerekli özellikleri nedeniyle bunları belirlemek zordur. Hesap uç noktasıyla ilgili tartışmalar devam etmekle birlikte, kimlik doğrulaması uç noktasının CORS'yi kullanması gerektiği konusunda da büyük ölçüde fikir birliği mevcuttur. Bu güncelleme, bu getirme işleminin güvenlik özelliklerini web platformundaki diğer getirmelerle daha yakın bir şekilde eşleştirir. FedCM güncellemeleri: Button Mode API kaynak denemesi, CORS ve SameSite bölümünde CORS gereksiniminin işleyiş şekli hakkında daha fazla bilgi edinebilirsiniz.
Birlikte çalışabilir fare hareketi varsayılan işlemi
Chrome, metin seçimi (ve hatta geçmişte sürükleyip bırakma işlemi) gibi diğer API'leri engellemek için fareyle hareket ettirme etkinliklerinin iptal edilmesine izin veriyordu. Bu, diğer önde gelen tarayıcılarla eşleşmediği gibi, Kullanıcı Arayüzü Etkinliği spesifikasyonuna da uymamaktadır. Artık metin seçimi, fareyi hareket ettirmenin varsayılan işlemi olmayacak. Yine de selectstart ve dragstart etkinlikleri iptal edilerek metin seçimi ile sürükle ve bırak işlemleri önlenebilir.
Shared Storage API'de yapılan güncellemeler
Bu güncelleme, iframe oluşturmak zorunda kalmadan kaynaklar arası iş akışlarını çalıştırma desteği ekler.
Chrome Uygulamaları
Chrome Uygulamalarında Direct Sockets API'si
Bu güncelleme, Chrome uygulamalarında Doğrudan Yuvalar'ı etkinleştirerek, web uygulamalarının ağ cihazları ve sistemlerle doğrudan iletim kontrol protokolü (TCP) ve kullanıcı datagram protokolü (UDP) iletişimi kurmasını sağlayarak özel uygulamaların Chrome Uygulamalarından Yalıtılmış Web Uygulamalarına geçişini kolaylaştırmaya yardımcı olur.
Yeni kaynak denemeleri
Chrome 125'ten itibaren aşağıdaki yeni kaynak denemelerine kaydolabilirsiniz.
FedCM Button Mode API ve Other Account API'yi Kullanma
Bu kaynak denemesi aşağıdaki iki FedCM API'yi içerir.
Button Mode API, web sitelerinin bir düğme tıklamasında (ör. IdP'de oturum aç) FedCM'yi çağırmasına olanak tanır. Bu, kullanıcılar çıkış yaptığında kullanıcı arayüzü göstermeyen widget modunun aksine FedCM'nin her zaman görünür bir kullanıcı arayüzüyle yanıt verdiğini garanti etmesini gerektirir. FedCM API'nin düğme modunda çağrılması, kullanıcıların çıkış yapmış olduklarında IdP'ye (bir iletişim penceresinde) giriş yapmalarını sağlar.
Ayrıca, düğme modu açık bir kullanıcı hareketi içinde çağrıldığından, widget modundaki (açık bir niyet olmadan) kullanıcı arayüzüne kıyasla kullanıcı arayüzü de daha belirgin (örneğin, ortalanmış ve kalıcı) olabilir. FedCM güncellemeleri: Button Mode API kaynak denemesi, CORS ve SameSite bölümünden Button Mode API'nin işleyiş şekli hakkında daha fazla bilgi edinin
Use Other Account API, Kimlik Sağlayıcıların kullanıcıların başka hesaplarda oturum açmasına olanak tanır.
FedCM kaynak denemesine kaydolun.
Katlanabilir API'ler
Bu kaynak denemesi Device Posture API ve Viewport Segmentleri Numaralandırma API'sini içerir. Bu API'ler, geliştiricilerin katlanabilir cihazları hedeflemesine yardımcı olmak amacıyla tasarlanmıştır. Katlanabilir API'ler için kaynak denemesi başlıklı makaleden daha fazla bilgi edinebilirsiniz.
Katlanabilir API'ler kaynak denemesine kaydolun.
Medya Önizlemelerini devre dışı bırak
Bu ters kaynak denemesi, siteleri Medya Önizlemeleri lansmanından hariç tutacaktır.
Chrome, web siteleri tarafından kamera ve mikrofon izinleri istendiğinde kamera ve mikrofon girişinin gerçek zamanlı önizlemelerini sağlamayı amaçlamaktadır. Bunlara, sitenin sayfa bilgilerinden de erişilebilir.
Ayrıca site getUserMedia() üzerinden belirli bir cihaz istemediği sürece, birden fazla cihazı olan kullanıcılar izinler istendiğinde bir kamera ve mikrofon seçebilecektir.
Bu özellik, izinlerle ilgili başka bir proje olan Sayfaya Yerleştirilmiş İzin Kontrolleri (PEPC) ile eş zamanlı olarak geliştirilmektedir. Kullanıcılar, ayrı bir kaynak denemesi veya siteye özel denemeler içeren bağımsız bir lansman süreci kapsamında PEPC ile karşılaşacaktır.
Ön ekli HTMLVideoElement Tam ekran özellikleri ve yöntemleri için kullanımdan kaldırma denemesi
Bu desteği sonlandırma denemesi, kodunuzu düzenlemek için daha fazla zamana ihtiyacınız varsa önek eklenmiş HTMLVideoElement özellikleri ve yöntemleri için desteği tekrar etkinleştirmenize olanak tanır. Kaldırılan özellikler ve yöntemlerle ilgili tüm ayrıntıları Kullanımdan kaldırma ve kaldırma işlemleri bölümünde bulabilirsiniz.
Önek Video tam ekran API'sinin kullanımdan kaldırılması deneme sürümüne kaydolun.
Önceden yükleme taramasını atla
Alt kaynak getirmesi olmayan sayfaların performans dengelerini keşfetmek için önceden yükleme tarayıcısını atlar.
Önceden yükleme tarayıcısı adımı, tahmine dayalı önceden getirme işlemi uygulayarak alt kaynak getirmeli sayfaların performansından faydalanır. Ancak bu adımdan faydalanmayan sayfalar için, yani alt kaynakları olmayan sayfalar için bu ek işlem yükü çok azdır.
Bu deneme, bu ek yükü azaltarak yararlanmak isteyen ileri düzey web kullanıcıları için ön yükleme tarayıcısını devre dışı bırakmak üzere sayfa düzeyinde bir kontrol sağlar. Bu denemeden toplanan veriler, değiştirilmiş bir API'nın veya farklı bir HTML ön yükleme tarayıcısının uygulanmasının yararlı olup olmayacağını değerlendirebilir.
Önceden yükleme atlama taraması kaynak denemesine kaydolun.
Kullanımdan kaldırma ve kaldırma işlemleri
Planlanan desteğin sonlandırılması, mevcut kullanımdan kaldırma işlemleri ve önceki kaldırma işlemlerinin listeleri için ChromeStatus.com sayfasını ziyaret edin.
Chrome'un bu sürümünde aşağıdaki üç özellik kaldırıldı.
"window-management" izni ve izin politikası için "window-placement" takma adını kaldırın
"window-management" izni ve izin politikası için "window-placement" takma adını kaldırır. Bu, zaman içinde "window-placement" özelliğini kullanımdan kaldırıp kaldırma yoluyla dizeleri yeniden adlandırmaya yönelik daha kapsamlı çalışmanın bir parçasıdır. WindowManagement API'si zaman içinde geliştikçe bu terminoloji değişikliği, açıklayıcının daha uzun ömürlü olmasını sağlar.
Kurumsal politikanın kaldırılması: NewBaseUrlInheritanceBehaviorAllowed
Bu kurumsal politikanın geçersiz kıldığı temel kod değişikliği (yeni temel URL devralma davranışını etkinleştirme), Ağustos 2023'ten (118.0.5966.0) bu yana kararlı sürümlerde etkinleştirildi. Bilinen sorunlar giderildiği için bu kurumsal politika Chrome 125'te kaldırılacaktır.
Önek eklenmiş HTMLVideoElement Tam ekran özelliklerinin ve yöntemlerinin kaldırılması
Ön ekli HTMLVideoElement tam ekran API'leri, Chrome 38'den itibaren kullanımdan kaldırılmıştır. Bunların yerini, ilk olarak 2018'de Chrome 71'de öne çıkarılmadan gönderilen Element.requestFullscreen() ile değiştirmiştir.
Aşağıdaki özellikler ve yöntemler HTMLVideoElement'ten kaldırılacaktır:
webkitSupportsFullscreenwebkitDisplayingFullscreenwebkitEnterFullscreen()webkitExitFullscreen()webkitEnterFullScreen()(Tam ekranda "S" harflerinin farklı büyük harf kullanımına dikkat edin)webkitExitFullScreen()
Siteniz bunları kullanmaya devam ediyorsa ve kodu güncellemek için daha fazla zamana ihtiyacınız varsa bu yayında listelenen desteği sonlandırma denemesine kaydolun.