Yayınlanma tarihi: 6 Mayıs 2026
Aksi belirtilmediği sürece aşağıdaki değişiklikler Android, ChromeOS, Linux, macOS ve Windows için en yeni Chrome beta kanalı sürümünde geçerlidir. Burada listelenen özellikler hakkında daha fazla bilgiyi verilen bağlantılardan veya ChromeStatus.com'daki listeden edinebilirsiniz. Chrome, 6 Mayıs 2026 itibarıyla beta sürümündedir. Masaüstü için en son sürümü Google.com'dan, Android için ise Google Play Store'dan indirebilirsiniz.
CSS ve kullanıcı arayüzü
Tablolar için açık kenarlık rengi UA stil sayfası kuralını kaldırma
Bu değişiklik, border-color: gray CSS kuralını <table> öğesinin UA stil sayfasından kaldırır.
HTML spesifikasyonu bu kuralı içermez ve bu durum, kenarlıkların yanlış bir şekilde varsayılan olarak currentColor olmamasına neden olur. Ne Firefox ne de Webkit, UA stil sayfalarında bu gray kenarlık rengi kuralına sahip olmadığından birlikte çalışabilirlik sorunları ortaya çıkıyor.
shape-outside'da path() ve shape() desteği
CSS shape-outside özelliğinde path() ve shape() şekil işlevleri için destek ekler.
Bu işlevler, geliştiricilerin shape-outside şeklini daha esnek bir şekilde tanımlamasına ve animasyonu desteklemesine olanak tanır.
Daha önce dikdörtgen koordinatlarının kullanımına atıfta bulunan açıklamanın düzeltilmesi için 7 Haziran 2026'da güncellendi.
shape-outside'da rect() ve xywh() desteği
CSS shape-outside özelliğinde rect() ve xywh() temel şekil işlevleri için destek ekler. Bu işlevler, geliştiricilerin dikdörtgen koordinatlarını kullanarak kayan öğe dışlama şekilleri tanımlamasına olanak tanır. Bu sayede Chrome, bu özelliği zaten destekleyen Firefox ve Safari ile uyumlu hale gelir.
Web uygulaması kapsamı sistem vurgu rengi
CSS anahtar kelimeleri ve accent-color: auto için sistem vurgu rengine erişimi yalnızca bir web uygulaması ve ilk profil bağlamıyla sınırlar.
AccentColor ve AccentColorText CSS anahtar kelimeleri, kullanıcının sistem renklerini web'de geniş çapta kullanıma sunduğunda önemli bir parmak izi vektörü oluşturur. Bu nedenle, yalnızca yüklü web uygulaması bağlamlarında kullanılabilirler. accent-color: auto içeren form kontrolleri de bu özellik lansmanıyla birlikte bu kapsamla eşleşir. Bu, sistem renkleri için daha tutarlı geliştirici ve kullanıcı beklentileri oluşturur ve AccentColor[Text] için parmak izi kısıtlamalarıyla uyumludur.
Kullanıcı etkileşimi sırasında metin taşmasını kırpma
Bir kullanıcı, text-overflow: ellipsis özelliği ayarlanmış metinle etkileşimde bulunduğunda (düzenleme veya imleçle gezinme), metin geçici olarak üç noktadan kırpmaya geçer. Böylece kullanıcı, gizli taşma içeriğini görebilir ve bu içerikle etkileşimde bulunabilir. Bu özellik, düzenlenebilir ve düzenlenemez tüm öğeler için geçerlidir. Form kontrollerinde (textarea, input) bu davranış zaten desteklenmektedir.
CSS boşluk süslemeleri
CSS boşluk süslemeleri, çok sütunlu düzendeki column-rule'ya benzer şekilde, ızgara ve esnek kutu gibi kapsayıcı düzenlerdeki boşlukları stilize etmenize olanak tanır. Bu özellik, ızgara ve esnek kutu düzenlerindeki boşlukları stilize etmek için günümüzde geçici çözümler kullanması gereken web geliştiriciler tarafından çok istenmektedir.
image-rendering: crisp-edges
image-rendering: crisp-edges, resmin kontrastı ve kenarları koruyacak, renkleri yumuşatmayacak veya bulanıklık oluşturmayacak şekilde ölçeklendirilmesi gerektiğini gösterir.
Kullanıcı işlemi sözde sınıfı üst katman sınırı
Bu özellik, CSS Seçiciler Düzeyi 4 spesifikasyonunda açıklanan davranışı temsil eder. Bu spesifikasyonda, :hover, :active ve :focus-within öğelerin üst öğeleriyle eşleştiği ancak yalnızca üst öğe zincirindeki ilk üst katman öğesine kadar eşleştiği belirtilir. Chromium'daki değişiklik, bu kısıtlamayı üst katman öğeleri için uygular.
Bu, aşağıdaki yapıda kullanıcı imleci <button> üzerine getirdiğinde :hover sözde sınıfının <button> ve popover ile eşleşeceği ancak <main> öğesiyle eşleşmeyeceği anlamına gelir.
<main>
<div popover>
<button></button>
</div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>
Bu değişikliğin nedeni, genellikle üst katman öğelerinin görsel olarak üst öğeden bağlantısı kesilmiş bir konumda, "başka bir yerde" oluşturulmasıdır. Bu nedenle, üst katman öğesi fareyle üzerine gelindiğinde veya etkinleştirildiğinde üst öğenin stillerini değiştirmek genellikle mantıklı değildir.
Chromium'da gönderilen özelleştirilebilir select uygulaması, select ::picker() popover'ının özel durumu için bu mantığı sabit kodlanmış olarak içerir. Bu özellik, daha genel davranışa olanak tanımak için bu özel durum mantığını kaldırıyor.
path-length CSS özelliği olarak desteklenir.
Bu değişiklik, mevcut SVG pathLength sunum özelliğiyle eşlenen yeni bir CSS özelliği olan path-length'yı kullanıma sunar. Bu özellik, pathLength'yi destekleyen SVG geometri öğeleri (<path>, <circle>, <rect>, <line>, <polyline>, <polygon> ve <ellipse> dahil) için geçerlidir.
pathLength öğesini CSS özelliği olarak kullanıma sunmak, yazarların bunu stil sayfalarında, satır içi stillerde ve animasyonlarda belirtmesine olanak tanır. Böylece, normal CSS basamaklandırmasına, özgüllüğe, geçişlere ve animasyonlara katılabilir. Bu özellik, <textPath> boyunca metin konumlandırma ve kontur tire oluşturma dahil olmak üzere toplam yol uzunluğuna bağlı tüm hesaplamaları etkiler.
CSS bildirimleri, standart CSS öncelik kurallarına göre sunum özelliğini geçersiz kılar. path-length değerinin başlangıç değeri none'dir. Bu değer, yazar tarafından sağlanan bir yol uzunluğunun olmadığını gösterir ve 0 gibi açık bir sayısal değerden farklıdır.
Özellik devre dışı bırakıldığında mevcut yalnızca özellik davranışları korunur.
Web API'leri
Intl.Locale.prototype.variants
Intl.Locale.prototype.variants öğesini TC39 önerisinde belirtildiği gibi ekleyin ve Intl.Locale oluşturucusunda TC39 dil kimliği güncellemesinde olduğu gibi seçenek paketindeki "varyantları" da kabul edin. ECMA402'deki değişiklikler çekme isteği 960'ta birleştirildi ve test262'deki test kodu çekme isteği 4474'te birleştirildi.
Programatik kaydırma sözleri
Web geliştiriciler şu anda programatik yumuşak kaydırma işleminin ne zaman tamamlandığını bilemiyor. Bu özellik, programatik kaydırma yöntemlerinin, kaydırma tamamlandığında kesinti durumuyla çözülen Promise nesneleri döndürmesi sorununa çözüm sunar.
Ödeme isteği: Ödeme işleyicilerin dahili hataları bildirmesine izin verme
Ödeme İsteği API'si ile erişilen ödeme işleyicilerin, "kullanıcı iptal etti" ve "dahili ödeme uygulaması hatası" için farklı hatalar döndürmesini sağlar. Bu sayede web geliştiriciler, kullanıcılar için daha iyi akışlar oluşturabilir. Örneğin, dahili bir uygulama hatası oluştuğunda akışı yeniden deneme veya farklı bir akışa geri dönme gibi seçenekler sunabilir. Ayrıca, kullanıcı iptal etmek istediğinde akışı düzgün bir şekilde durdurabilir.
Web tabanlı ödeme işleyici API, PaymentRequestEvent.respondWith öğesine iletilen sözü reddetmek için kullandığı hataya göre bu farkı belirtebilir.
Söz OperationError ile reddedilirse PaymentRequest.show() yöntemi kullanılarak satıcıya "internal app error" (dahili uygulama hatası) (OperationError) döndürülür, aksi takdirde "user cancel" (kullanıcı iptali) (AbortError) döndürülür.
Yerel uygulama ödeme işleyici altyapısı da benzer şekilde güncellenir ancak web API'leri kapsamı dışındadır.
TSF'de Windows dokunmatik klavyesi için autocorrect="off" karakterine uyun
HTML autocorrect özelliği, web yazarlarının <input>, <textarea> ve contenteditable ana makineleri dahil olmak üzere düzenlenebilir öğelerdeki kullanıcı girişine otomatik düzeltme uygulanıp uygulanmayacağını kontrol etmesine olanak tanır. Windows'da dokunmatik klavye bu özelliği yoksayar ve kelimeleri her zaman otomatik olarak düzeltir. Örneğin, autocorrect="off" öğesi içeren bir öğede "truf" yazıp boşluk bırakıldığında "truf " korunmak yerine "true " elde edilir. Bu özellik, odaklanılan düzenlenebilir öğede autocorrect="off" ayarlandığında Chrome'un TSF entegrasyonunun dokunmatik klavye otomatik düzeltmelerini algılamasını ve geri almasını sağlar.
Bfcache girişinde WebSocket bağlantısını kesme
Etkin WebSocket bağlantıları artık bir sayfanın geri/ileri önbelleğe (bfcache) girmesini engellemiyor. Tarayıcı, dokümanı uygunsuz olarak işaretlemek yerine bfcache girişinde bağlantıları kapatarak etkin WebSocket'ler içeren sayfaların depolanmasına ve geri yüklenmesine olanak tanır.
Request.isReloadNavigation özelliği
Fetch API'nin Request arayüzüne salt okunur boolean özelliği isReloadNavigation ekler. Bu özellik, mevcut gezinme isteğinin kullanıcı tarafından tetiklenen bir yeniden yükleme (ör. yenileme düğmesi location.reload() veya history.go(0) kullanılarak) olarak başlatılıp başlatılmadığını gösterir. Bu sinyal, öncelikle bir Service Worker'ın FetchEvent içindeki Request nesnesinde gösterilir.
Eklentilerde, kaynaklar arası ve kısıtlanmış iframe'lerde SVG filtrelerini devre dışı bırakma
Bu lansman, SVG filtrelerinin kaynaklar arası veya kısıtlanmış iframe'lere (örneğin, korumalı alana alınmış iframe'ler) ve yerleştirilmiş eklentilere (örneğin, PDF'ler) uygulanmasını engeller. Bir çerçeve veya eklenti, SVG filtresi efektiyle boyandığında efekt ağacı, SVG filtresi içermeyen en yüksek üst öğeyi bulmak için geçilir ve bunun yerine bu efekt uygulanır.
Yeni kaynak denemeleri
Chrome 149'da aşağıdaki yeni origin denemelerini etkinleştirebilirsiniz.
İzin politikası: focus-without-user-activation
Yerleştiricilere, focus-without-user-activation izin politikasıyla yerleştirilmiş içerikten programatik odaklanma üzerinde kontrol sağlar. Bir çerçeve için politika reddedildiğinde, kullanıcı etkinleştirmesi tarafından tetiklenmediği sürece programatik odaklanma çağrıları (element.focus(), autofocus, window.focus(), dialog.showModal() ve popover odaklanma) engellenir. Tıklama veya sekme ile geçiş gibi kullanıcı tarafından başlatılan odaklanma hiçbir zaman etkilenmez.
Politika, Permissions-Policy HTTP yanıt başlığı veya iframe allow özelliği kullanılarak ayarlanabilir. Odak yetkilendirme desteklenir: Odaklanmış bir üst çerçeve, alt çerçevede politika reddedilmiş olsa bile odağı programatik olarak alt iFrame'e geçirebilir. Bir çerçeve odaklandığında ise kendi alt ağacında odağı hareket ettirebilir.
Gamepad event-driven input API
Bu teklif, uygulamaların gamepad girişini daha düşük gecikmeyle almasını sağlayan yeni bir etkinliğe dayalı modelle Gamepad API'sini genişletir. Geliştiriciler artık navigator.getGamepads() kullanarak sık sık yoklama yapmak yerine, cihazdan yeni giriş verileri geldiğinde tetiklenen bir rawgamepadinputchange etkinliğini dinleyebilir. Bu, özellikle gecikmeye duyarlı uygulamalarda daha hızlı yanıt veren giriş işleme olanağı sağlar.
WebAssembly özel tanımlayıcıları
WebAssembly'nin, kaynak düzeyindeki türlerle ilişkili verileri yeni özel tanımlayıcı nesnelerinde daha verimli bir şekilde depolamasına olanak tanır. Bu özel tanımlayıcılar, kaynak düzeyindeki türün WebAssembly nesneleri için prototiplerle yapılandırılabilir. Bu sayede, yöntemler bir WebAssembly nesnesinin prototip zincirine yüklenebilir ve normal yöntem çağrısı söz dizimi kullanılarak doğrudan JavaScript'ten çağrılabilir. Prototip ve yöntemler, içe aktarılan yerleşik bir işlev kullanılarak bildirimsel olarak yapılandırılabilir.