Chrome 126

Kararlı yayın tarihi: 11 Haziran 2024

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

CSS

Aynı kaynaktan gezinmeler için belgeler arası görünüm geçişleri

Daha önce, Görünümü kullanmak için web sitenizi bir SPA olarak yeniden tasarlamanız gerekiyordu. Transitions API. Bu durum artık geçerli değil. Görüntüleme geçişleri artık şunlar tarafından etkinleştiriliyor: aynı kaynak gezinmeler için varsayılan olarak ayarlayın. Şu öğeler arasında bir görünüm geçişi oluşturabilirsiniz: aynı kaynağa sahip iki farklı doküman.

Belgeler arası görünüm geçişini etkinleştirmek için her iki tarafın da kaydolması gerekir. Yapılacaklar @view-transition kuralını kullanın ve navigation tanımlayıcısını auto.

@view-transition {
  navigation: auto;
}

Belgeler arası görünüm geçişlerinde kullanılan yapı taşları ve ilkeleri geçişleri yapabilirsiniz. view-transition-name içeren öğeler yakalanabilir ve animasyonları CSS animasyonlarını kullanarak özelleştirebilirsiniz.

View Transition API ile sorunsuz geçişler | Hata #1372584 | ChromeStatus.com girişi | Özellikler

Web API'leri

Gamepad API tetikleyici rumble uzantısı

GamepadHapticActuator arayüzünü genişleterek tetikleyici gürültüsünü gösterir özelliği uyumlu oyun kumandaları var. Bu uzantı, için, Oyun Kumandası API'si sayesinde oyun kumandası cihazlarının tetikleyicilerini de titreştirmek bu işlevle donatılmış olarak sunulur.

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

ChromeOS sekmeli web uygulamaları

Bağımsız bir penceredeki PWA'larda aynı anda yalnızca bir sayfa açık olabilir. Bazı uygulamalar, kullanıcıların aynı anda birçok sayfanın açık olmasını bekler. Sekmeli mod, sekme ekler ChromeOS'te, birden fazla sekmenin açılmasına izin veren bağımsız web uygulamalarına bir kez.

Bu özellik, yeni bir "tabbed" görüntüleme modu ve yeni bir manifest alanı ekler: sekme şeridinde özelleştirmelere izin verin.

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

GeolocationCoordinates ve GeolocationPosition için toJSON() yöntemi

GeolocationCoordinates ve.toJSON() GeolocationPosition arayüzleri. Bu işlem, söz konusu nesnelerin serileştirilmesini sağlar JSON.stringify() ile birlikte.

ChromeStatus.com girişi

WebGLObject Web IDL üst arayüzü

Bu özellik, WebGL'nin etkinleştirildiği bağlamlarda WebGLObject türünü gösterir. API, ana iş parçacığında ve çalışanlarda kullanıma sunulur.

ChromeStatus.com girişi | Özellikler

CloseWatcher API yeniden etkinleştiriliyor ve <dialog> ile popover="" için istekleri kapatma

CloseWatcher API, açık ESC anahtarı gibi kapatma isteklerinin ele alınmasına olanak tanır. veya geri hareketi ya da düğmesi arasında eşit olarak kullanıldığını göreceksiniz. Bu özellik ilk olarak Chrome 120 sürümünde sunulmuştur. ancak şu nedenle devre dışı bırakıldı: <dialog> ile beklenmedik bir etkileşime denk geliyor. Yeniden etkinleştirildi sorunları en aza indirmek için davranışındaki bazı iyileştirmelerden sonra Chrome 126'da gözlemledik.

Demo | Hata #1171318 | ChromeStatus.com girişi

Attribution Reporting API: attributionsrc istekleri için yönlendiren politikası

attributionsrc istekleri, sayfadaki diğer alt kaynaklar gibi ele alınır.

Önceden API, çeşitli html öğelerinin (<img>, <script>, <a> veya window.open gibi) bir parçası olarak attributionsrc ilişkilendirmesi kullanılarak çağrıldığında, <html> öğesinde ayarlanan kaynak düzeyinde yönlendiren politikası özelliğini yok sayıyordu.

Bu değişiklikle birlikte attributionsrc isteği artık <img>, <script>, <a> veya window.open içinde ayarlanan aynı kaynak düzeyinde yönlendiren politikasını uygulayacak.

Bu, reklam teknolojilerinin attributionsrc isteklerindeki yönlendiren bilgileri konusunda daha fazla veya daha az kısıtlayıcı olmak isteyip istemedikleri üzerinde daha fazla kontrol sahibi olmasına olanak tanır.

ChromeStatus.com girişi

Medya

MediaRecorder için MP4 container desteği

MediaRecorder ile ses ve videoları MP4 kapsayıcılarına birleştirme desteği eklendi.

MediaRecorder | ChromeStatus.com girişi | Özellikler

OpusEncoderConfig signal ve application parametreleri

OpusEncoderConfig.signal ve OpusEncoderConfig.application parametreleri doğrudan uygulamaya özel kodlayıcı düğmeleriyle eşlenir. Bunlar, web'e izin verir kodlandığına ve hangi veri türünün kodlandığına dair bağlam bilgisi sunar.

signal şunlardan biri olabilir: "auto", "music", "voice". Kodlayıcıyı yapılandırır kodlamada en iyi performansı gösterir. application. biri "voip", "audio", "lowdelay" olabilir. Kodlayıcıyı şu şekilde yapılandırır: konuşma okunabilirliğini, orijinal girişin inandırıcı bir şekilde yeniden üretilmesini veya minimum gecikme.

ChromeStatus.com girişi | Özellikler

JavaScript

visualViewport onscrollend desteği

scrollend JavaScript etkinliği, bir kaydırma işleminde kaydırma işlemi yapıldığını sona erecektir.

visualViewport arayüzü, şunları yapması gereken bir onscrollend etkinlik işleyicisi içerir: visualViewport cihazındaki kaydırma işlemi sona erdiğinde çağrılır. Krom halihazırda bir kaydırma sonu etkinlik işleyicisi eklemeyi visualViewport.addEventListener("scrollend") Bu sayede projenizin durumu, ayrıca visualViewport.onscrollend kullanarak bir etkinlik işleyici ekleyin.

İzleme hatası #325307785 | ChromeStatus.com girişi

Gizlilik

navigator.cookieEnabled öğesini spesifikasyonla hizalayın

navigator.cookieEnabled, şu anda "kullanıcı aracısının çerezleri işlemeyi deneyip denemediğini" gösteriyor kavramışsınızdır. Üçüncü taraf çerezlerine yönelik desteğin sonlandırılması (3PCD) kapsamında Chrome'da yapılan bir değişiklik, bölümlendirilmemiş çerez erişiminin mümkün olup olmadığını belirtir (bunun çoğu siteler arası iframe'lerde yanlış döndürmesine neden olur). navigator.cookieEnabled ürününün yalnızca site için çerezlerin etkinleştirilip devre dışı bırakıldığını belirten önceki davranışını geri yüklememiz ve bölümlendirilmemiş çerez erişiminin mümkün olup olmadığını belirtmek üzere çapraz tedarikçi firma işlevinden (document.hasStorageAccess) yararlanmamız gerekir.

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

Erişilebilirlik

Windows'da UI Otomasyonu Erişilebilirlik Çerçevesi desteği

Microsoft Windows'daki modern yardımcı uygulamalar, diğer uygulamalarla birlikte çalışmak için platformun UI Otomasyonu erişilebilirlik çerçevesini kullanır çok kolaylaşır. Chromium şimdiye kadar bu amaç için eski Microsoft Active Accessibility (MSAA) ve IAccessible2 (IA2) çerçevelerini destekliyordu. Bu da Windows'daki erişilebilirlik araçlarıyla ilgili sorunlara yol açıyordu.

Microsoft, bu sorunu çözmek için Chrome ekibiyle birlikte çalışarak erişilebilirlik araçlarının tarayıcıyla iletişim kurmasını kolaylaştırarak doğrudan Windows'da UI Otomasyonu (UIA) çerçevesini desteklemiştir. Chrome 126 sürümünden itibaren kademeli olarak kararlı sürüme geçişi başlatacağız. Bu şekilde Sesli Erişim, Chromium tabanlı tüm tarayıcılarda çalışır ve Seslendiren ve Büyüteç gibi UIA tabanlı tüm erişilebilirlik araçlarında kullanıcı deneyimini geliştirir.

Windows'da UIA desteği ile tanışın

Yeni kaynak denemeleri

Storage Access API için güven sinyali olarak FedCM

Önceki bir FedCM izniyle FedCM ve Storage Access API'lerini uzlaştırır. Bir depolama alanı erişim isteğinin otomatik olarak onaylanması için geçerli bir neden sunar.

Bir kullanıcı, kimliğini bir üçüncü tarafla kullanma izni verdiğinde Bağlı Taraf (RP) üzerinde Kimlik Sağlayıcı (IdP) olduğundan birçok IdP için üçüncü taraf gerekir düzgün ve güvenli şekilde çalışmasını sağlama. Bu teklifin amacı, Storage Access API'yi güncelleyerek ihtiyacınızı gizli ve güvenli bir şekilde (SAA) yalnızca Google Cloud'un sağladığı izinlerin hem depolama alanı erişim istemini hem de FedCM tarafından verilen izin iznini tıklayın.

Bu mekanizmanın önemli bir özelliği, destek kayıtlarına erişimi açıkça RP tarafından FedCM izin politikası aracılığıyla izin verilir. Bu sayede, çerçeve başına IdP'nin kontrolüne ve IdP'nin olanak tanır.

Kaynak Denemesi | Açıklayıcı | ChromeStatus.com girişi

Medya önizlemelerini devre dışı bırak

Bu ters kaynak denemesinde, siteler Medya Önizlemeleri başlatılamaz.

Chrome, kamera ve mikrofon izinleri web siteleri tarafından istendiğinde kamera ve mikrofon girişinin gerçek zamanlı önizlemesini sunar. Bu bilgilere, 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 izin istendiğinde kamera ve mikrofon seçebilirler.

Kaynak Denemesi | İzleme hatası #330762482 | ChromeStatus.com girişi

FedCM: Continuation API, Parameters API, Fields API'si, Birden çok configURL'ler, Özel Hesap Etiketleri

Geliştiriciler bir masaüstü paketi için kaynak denemesine katılmaya başlayabilirler Yetkilendirme içerebilen FedCM özellikleri. Paket FedCM'den oluşur Continuation API, Parameters API, Fields API'nin yanı sıra Birden çok configURL ve Özel Hesap Etiketleri. Bu, OAuth yetkilendirme akışına benzer bir deneyim sağlar Örneğin, IdP tarafından sağlanan izin iletişim kutusu.

İzleme hatası #40262526 | ChromeStatus.com girişi

Sayfaya Yerleştirilmiş İzin Denetimi

İzin akışıyla etkileşime giren yeni bir HTML öğesi sağlayın.

İzin istemi şu anda kullanıcı aracısının kullanıcının niyetine dair güçlü bir sinyale sahip olmadan doğrudan JavaScript'ten tetiklenmektedir. Kullanıcının izin akışını tetiklemek için kullandığı bir içerik içi öğeye sahip olmak, kullanıcılar için izin istemi kullanıcı deneyiminin iyileştirilmesinin yanı sıra "reddedildi" bölümünden bir kurtarma yolunun da sunulmasına olanak tanır. durumunu kontrol edebilirsiniz.

ChromeStatus.com girişi

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

"Assert" içe aktarma onayını yeniden sonlandır ve kaldır söz dizimi

assert anahtar kelimesini kullanımdan kaldırın ve içe aktarma özelliği söz dizimindeki yeni with anahtar kelimesini kullanın.

Yani import m from 'foo' assert { type: 'json' } artık bir SyntaxError hatası verir ve geliştiricilerin import m from 'foo' with { type: 'json' } olarak değiştirmesi gerekir.

ChromeStatus.com girişi | Özellikler

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