Chrome 126

Kararlı yayın tarihi: 11 Haziran 2024

Aksi belirtilmedikçe aşağıdaki değişiklikler Android, ChromeOS, Linux, macOS ve Windows için Chrome 126 kararlı kanalı sürümünde geçerlidir.

CSS

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

Daha önce, ViewTransitions API'yi kullanmak için web sitenizi bir SPA olarak yeniden tasarlamanız gerekiyordu. Bu durum artık geçerli değil. Aynı kaynak gezinmeleri için artık görünüm geçişleri varsayılan olarak etkindir. Aynı kaynağa sahip iki farklı doküman arasında bir görünüm geçişi oluşturabilirsiniz.

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

@view-transition {
  navigation: auto;
}

Belgeler arası görünüm geçişleri, aynı doküman görüntüleme geçişleriyle aynı yapı taşlarını ve ilkeleri kullanır. view-transition-name uygulanmış öğeler yakalanır ve CSS animasyonlarını kullanarak animasyonları özelleştirebilirsiniz.

View Transition API ile yumuşak geçişler | 1372584 numaralı izleme hatası | ChromeStatus.com girişi | Spesifikasyon

Web API'leri

Gamepad API tetikleyici rumble uzantısı

GamepadHapticActuator arayüzünün kapsamını genişleterek uyumlu oyun kumandaları için web'de tetikleyici-rumble özelliğini gösterir. Bu uzantı, Oyun Kumandası API'sinden yararlanan web uygulamalarının, bu işleve sahip olan oyun kumandası cihazlarının tetikleyicilerini de titreştirmesine olanak tanır.

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

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, ChromeOS'teki bağımsız web uygulamalarına aynı anda birden fazla sekmenin açılmasına olanak tanıyan bir sekme şeridi ekler.

Bu özellik, sekme şeridinde özelleştirmelere olanak tanımak için yeni bir "tabbed" görüntüleme modu ve yeni bir manifest alanı ekler.

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

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

GeolocationCoordinates ve GeolocationPosition arayüzlerine .toJSON() yöntemleri ekler. Bu işlem, bu nesnelerin JSON.stringify() ile serileştirilmesini sağlar.

ChromeStatus.com girişi

WebGLObject Web IDL üst arayüzü

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

ChromeStatus.com girişi | Spesifikasyon

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

CloseWatcher API, masaüstü platformlarda ESC anahtarı veya Android'de geri hareketi ya da düğmesi gibi kapatma isteklerinin tek tip bir şekilde işlenmesini sağlar. Bu özellik ilk olarak Chrome 120'de gönderilmiş olsa da <dialog> ile beklenmedik bir etkileşim nedeniyle devre dışı bırakılmıştır. Chrome 126'da görülen sorunları en aza indirmek için davranışında bazı iyileştirmeler yapıldıktan sonra yeniden etkinleştirildi.

Demo | 1171318 numaralı izleme hatası | 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 | Spesifikasyon

OpusEncoderConfig signal ve application parametreleri

OpusEncoderConfig.signal ve OpusEncoderConfig.application parametreleri, uygulamaya özel kodlayıcı kontrol düğmeleriyle doğrudan eşlenir. Bunlar, web yazarlarının ne tür verilerin kodlandığına ve verilerin hangi bağlamda kullanıldığına dair ipuçları vermelerine olanak tanır.

signal şunlardan biri olabilir: "auto", "music", "voice". Kodlayıcıyı belirtilen veri türünü kodlamada en iyi performansı sağlayacak şekilde yapılandırır. application; "voip", "audio", "lowdelay" değerlerinden biri olabilir. Kodlayıcıyı konuşma okunabilirliğini, orijinal girişin güvenilir şekilde yeniden üretilmesini veya minimum gecikmeyi destekleyecek şekilde yapılandırır.

ChromeStatus.com girişi | Spesifikasyon

JavaScript

visualViewport onscrollend desteği

Bir kaydırma işleminin sona erdiğini belirtmek için scrollend JavaScript etkinliği tetiklenir.

visualViewport arayüzü, visualViewport cihazındaki kaydırma işlemi sona erdiğinde çağrılması gereken bir onscrollend etkinlik işleyicisi içerir. Chrome hâlihazırda visualViewport.addEventListener("scrollend") üzerinden kaydırma sonu etkinlik işleyici eklemeyi desteklemektedir. Bu, visualViewport.onscrollend kullanarak bir etkinlik işleyici de eklemeyi mümkün kılar.

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

Gizlilik

navigator.cookieEnabled öğesini spesifikasyonla hizalayın

navigator.cookieEnabled şu anda, belirli bir bağlamda "kullanıcı aracısının çerezleri işlemeyi deneyip denemediğini" göstermektedir. Üçü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 işlevinin 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 | Spesifikasyonlar

Erişilebilirlik

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

Microsoft Windows'daki modern yardımcı uygulamalar, diğer uygulamaların kullanıcı arayüzleriyle birlikte çalışmak için platformun UI Otomasyonu erişilebilirlik çerçevesini kullanı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ğiyle tanışın

Yeni kaynak denemeleri

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

Depolama erişim isteğini otomatik olarak onaylamak için önceki bir FedCM tarafından geçerli bir neden verilmesini sağlayarak FedCM ve Storage Access API'lerini uzlaştırır.

Kullanıcılar, Relying Party'de (RP) için bir üçüncü taraf Kimlik Sağlayıcı (IdP) ile kimliğini kullanma izni verdiğinde birçok IdP, üçüncü taraf çerezlerinin doğru ve güvenli bir şekilde çalışmasını gerektirir. Bu teklif, Storage Access API (SAA) izin kontrollerini hem bir depolama erişim istemi tarafından hem de FedCM istemi tarafından verilen izin iznini kabul edecek şekilde güncelleyerek bu gereksinimi özel ve güvenli bir şekilde yerine getirmeyi amaçlar.

Bu mekanizmanın önemli bir özelliği, izni FedCM izin politikası aracılığıyla RP tarafından açıkça izin verilen vakalarla sınırlamak, RP için çerçeve başına bir kontrol uygulamak ve IdP'nin FedCM'nin zaten verdiği özelliklerin ötesinde pasif gözetimini önlemektir.

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, yetkilendirme içerebilecek bir masaüstü FedCM özelliği paketi için kaynak denemesine katılmaya başlayabilir. Paket; FedCM Continuation API, Parametre API'si, Fields API'si, Birden çok configURL ve Özel Hesap Etiketleri'nden oluşur. Bu sayede, IdP tarafından sağlanan izin iletişim kutusunun yer aldığı, OAuth yetkilendirme akışına benzer bir deneyim sağlanır.

İ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 iyileştirilmiş izin istemi kullanıcı deneyiminin yanı sıra, siteler için "reddedildi" izin durumundan kurtarma yoluna da olanak tanır.

ChromeStatus.com girişi

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

İçe aktarma onayı "assert" söz dizimini yeniden kullanın ve kaldırın

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 | Spesifikasyon

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.