Yayınlanma tarihi: 3 Haziran 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 sağlanan bağlantılardan veya ChromeStatus.com'daki listeden edinebilirsiniz. Chrome, 2 Haziran 2026 itibarıyla beta sürümündedir. Masaüstü için Google.com'dan, Android için ise Google Play Store'dan en son sürümü indirebilirsiniz.
CSS ve kullanıcı arayüzü
AccentColor ve AccentColorText sistem renkleri
AccentColor ve AccentColorText sistem renkleri, kullanıcının cihazında belirtilen sistem vurgu rengine erişmek için CSS'de kullanılabilir. Bu özellik, geliştiricilerin kullanıcıların işletim sistemi teması entegrasyonu beklediği bağlamlarda (ör. yüklü bir web uygulaması) web içeriklerine uygulama benzeri stil uygulamasına olanak tanır. Kullanıcıların, sistem vurgu renginin oluşturulduğunu görebilmeleri için ilk profilde yüklü bir web uygulamasında olmaları gerekir.
polygon() için isteğe bağlı yuvarlama parametresine izin verin
polygon() CSS şekil işlevinde isteğe bağlı bir köşe yuvarlama parametresi belirtmenize olanak tanır. Geliştiriciler, Bezier eğrilerini manuel olarak hesaplamadan çokgen köşelerini yuvarlamak için bir uzunluk değeri belirtebilir.
Animasyonlu yakınlaştırma
CSS zoom özelliği animasyonlu hale getirilebilir ve <number> olarak enterpolasyon yapılır. Geliştiriciler, öğeleri ve düzenlerini sorunsuz bir şekilde ölçeklendirmek için yakınlaştırmayı geçişli ve animasyonlu hale getirebilir. Bu, mevcut dönüştürme tabanlı ölçeklendirmeyi tamamlar.
CSS URL isteği değiştiricileri
CSS url() işlevleri, tırnak içine alınmış URL dizesinden sonra isteğe bağlı istek değiştiricileri kabul eder: cross-origin(), integrity() ve referrer-policy(). Bu değiştiriciler, HTML işaretlemesinde veya JavaScript'te değişiklik yapılmasına gerek kalmadan, doğrudan CSS'den referans verilen kaynağın getirme davranışını kontrol eder.
Örneğin, background-image: url("image.png" cross-origin(anonymous))
CORS anonim modu kullanılarak resim getirilir.
CSS text-fit özelliği
Metin düğümlerinin yazı tipi boyutunu, kapsayan kutunun genişliğine mükemmel şekilde uyacak şekilde ölçeklendirir.
Bu özellik, geliştiricilerin başlıkların veya dinamik içeriğin, manuel yazı tipi boyutu hesaplamaları ya da karmaşık JavaScript geçici çözümleri olmadan mevcut yatay alanı doldurmasını sağlamasına olanak tanır. Bu özellik, farklı ekran boyutlarında ve değişen metin uzunluklarında görsel hizalamayı koruyan, duyarlı tipografi için sağlam ve CSS'ye özgü bir çözüm sunar.
CSS background-clip: border-area
CSS Backgrounds Level 4'te tanımlandığı gibi, CSS background-clip özelliği için border-area değerini uygular. background-clip değeri, bir öğenin arka planını kenarlık vuruşlarıyla boyanan alana kırpar. Bu işlem sırasında border-width ve border-style değerleri dikkate alınır, border-color değerindeki şeffaflık ise göz ardı edilir. Bu değer, border-image olmadan gradyan kenarlıklar oluşturmanıza olanak tanır.
CSS image(<color>) işlevi
image() işlevi, geliştiricilerin herhangi bir renkten düz renkli bir resim oluşturmasına olanak tanır.
Söz dizimi: image() = image( <color> ).
Resim değerleriyle CSS light-dark()
CSS light-dark() işlevini, yazar stil sayfalarında url(), image-set() ve none gibi resim değerlerini kabul edecek şekilde genişletir. Böylece background-image, list-style-image, border-image-source, cursor ve content gibi resim özellikleri, kullanıcının tercih ettiği renk şemasına göre resimler arasında otomatik olarak geçiş yapabilir. Bu davranış daha önce yalnızca kullanıcı aracısı stil sayfalarında kullanılabiliyordu. Bu değişiklik, CSS Color 5 spesifikasyonuyla uyumludur ve Firefox'un mevcut uygulamasıyla eşleşir.
Tüm alt selectedcontent öğelerine klonla
selectedcontent
öğesinin uç durumlarda birkaç küçük değişiklik yapılıyor:
- Birden fazla
selectedcontentöğesi aynı anda bir<select>öğesine yerleştirildiğinde, DOM sırasındaki yalnızca ilk öğe yerine tüm öğeler güncel tutulur. selectedcontentöğesinin güncellenmesi, güvenlik sorunlarını düzeltmek için ekleme, kaldırma veya taşıma adımları sırasında çalıştırıldığında ertelenir. Güncelleme, ekleme sonrası adımlar veya mikro görevler kullanılarak ertelenir.
Virgülle ayrılmış kapsayıcı sorguları
@containerKural başına birden fazla sorguyu destekler. Sorgulardan en az biri eşleşirse @container kuralı uygulanır.
Bu özellik, tüm tarayıcılarda desteklenmeyen özellikler için yedek sorgular oluşturmayı mümkün kılar.
Örnek:
@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}
Birden fazla sorgu desteğinin yanı sıra, nesne modeli CSSContainerRule API'sinde conditions özelliğini destekleyecek şekilde genişletildi.
Yazdırılamayan alanları CSS'ye gösterme
Yazıcılar genellikle bir kağıdın dört kenarının her birinde, yazıcının kağıt işleme mekanizmasından dolayı güvenilir bir şekilde işaretleyemediği küçük bir alana sahiptir. Varsayılan sayfa kenar boşluklarının bu alanlardan daha büyük olması beklenir. Ancak yazarlar kenar boşluklarını kendi başlarına ayarlarsa ve hatta özel üstbilgiler ve altbilgiler için @page kenar boşluğu kutuları eklemek isterse nerede güvenli bir şekilde yazdırabileceklerini belirlemeleri gerekir.
Bu tür yazdırılamayan alanlardan kaçınmak için CSS tanımlayıcısı page-margin-safety kullanılabilir.
focusgroup özelliği
Yazarların, elle kodlanmış dolaşan tabindex komut dosyalarının yerine, bildirimsel olarak bileşik widget'lara ok tuşuyla gezinme, garantili sekme durağı ve son odaklanılan öğe belleği vermesine olanak tanır. Örnek:
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
Medya öğesi sözde sınıfları
:playing, :paused, :seeking, :buffering, :stalled, :muted ve :volume-locked CSS sözde sınıfları, durumlarına göre <audio> ve <video> öğeleriyle eşleşir.
Bu özellik, Interop 2026'daki odak alanlarından biridir.
popover=hint davranış değişiklikleri
Bu değişiklik, popover=hint özelliği ve popover=auto ile etkileşimleri için revize edilmiş ve basitleştirilmiş bir yığma modeli uygular. Daha önce, bu iki tür popover arasındaki etkileşimler bazı uç durumlarda (ör. popover=auto'nin popover=hint içine iç içe yerleştirilmesi) karmaşık olabiliyor ve beklenmedik davranışlara yol açabiliyordu. Yeni modelde, popover=hint açıldığında artık alakasız popover=auto öğeleri yanlışlıkla kapatılmıyor. İpucu popover'ları yalnızca üst öğe popover=auto gizlendiğinde veya yeni ve alakasız bir popover=auto açıldığında gizleniyor. Ayrıca, geliştiriciler otomatik popover'ı ipucu popover'ın içine güvenli bir şekilde iç içe yerleştirebiliyor. İç içe yerleştirilmiş popover=auto, hata vermek veya yığını bozmak yerine sorunsuz bir şekilde eski sürüme dönüyor ve popover=hint gibi davranıyor. Bu capability nesnesi, geliştiricilerin popover=hint içine özelleştirilebilir bir <select> yerleştirmesine olanak tanıyor.
Tahmin edilebilirliği daha da artırmak ve karmaşık durum mutasyonlarını önlemek için Chrome, beforetoggle etkinliğinden popover'ların açılması ve kapatılmasıyla ilgili davranışı da sıkılaştırıyor. Daha önce olası durumların bir kısmı için korumalar vardı ancak tümü için yoktu. Bu değişiklik, bu durumları tespit etmek için kullanılan mekanizmayı yenileyerek tüm bu durumlar için daha güvenilir bir şekilde InvalidStateError oluşturulmasını sağlar. Bu değişiklik, popover durum yönetiminin kararlı kalmasını sağlar ve döngüsel yeniden giriş hatalarını önler.
Bu değişiklikler, Mozilla ile GitHub'daki HTML spesifikasyonu pull isteği hakkında yapılan standart görüşmelerinden kaynaklanmıştır.
Göreceli alfa renkleri
Göreceli alfa renkleri, renk kanallarını yeniden yazmadan mevcut bir rengin yarı saydam bir sürümünü elde etmek için doğrudan bir CSS yolu sağlar.
Geliştiriciler, farklı opaklıkta aynı rengi kullanmak istediklerinde şu anda bileşen değerlerini kopyalamak veya ayrı önceden hesaplanmış jetonlar oluşturmak zorunda kalıyor.
CSS Color 5 alpha() işlevi, orijinal renk bileşenlerini korur ve yalnızca alfa değerini değiştirir. Bu sayede yazma yükü azalır ve renk jetonlarının yeniden kullanılması ve bakımı kolaylaşır.
Duyarlı boyut <iframe>
Sitelerin, duyarlı boyutlandırmaya sahip iFrame'leri etkinleştirmesine olanak tanır. Bu özellik, üst dokümandaki <iframe> öğesini iFrame dokümanının düzenine göre boyutlandırır ve alt dokümanda kaydırmayı önlemek için taşma boyutlandırması yapar.
flex-wrap:balance
flex-wrap:balance, geliştiricilerin içerikleri esnek çizgiler arasında dağıtmasına olanak tanır. Böylece içerikler, text-wrap:balance'ye benzer şekilde daha dengeli görünür.
CSS için named-feature() işlevi @supports
named-feature() işlevi, CSS @supports kurallarının diğer @supports mekanizmaları kullanılarak test edilmesi mümkün olmayan ancak test edilmesi son derece değerli kabul edilen belirli adlandırılmış özelliklerin küçük bir grubunu sorgulamasına olanak tanır.
overscroll-behavior: chain
overscroll-behavior üç değere sahiptir: none, auto ve contain. Bu değerler, kaydırma yayılımı ve yerel kenarlık efekti olmak üzere iki bağımsız efekti etkiler. Örneğin, aşırı kaydırmada esneme.
none: Kaydırma yayılımı yok, yerel sınır efektleri yok.auto: kaydırma yayılımı, yerel sınır efektleri.contain: Kaydırma yayılımı yok, yerel sınır efektleri.
Bu sürümde, seti tamamlamak için yeni bir değer izlenir: chain: kaydırma yayılımı, yerel sınır efektleri yok.
Bu değer, kaydırılabilir alan olarak uygulanan yan menüler gibi efektler için yararlıdır. Menüyü getirebilirsiniz ve kenara ulaştığında kaydırma sonu veya uzatma ve çevirme yapmaz. Ancak kaydırma daha sonra üst öğeye bağlanır.
Web API'leri
Eklentilerde ve kaynaklar arası veya kısıtlanmış iframe'lerde SVG filtrelerini devre dışı bırakma
Chrome 150, ölçeklenebilir vektör grafiği (SVG) filtrelerinin kaynaklar arası veya kısıtlanmış iFrame'lere (ör. korumalı alana alınmış) ve yerleştirilmiş eklentilere (ör. PDF'ler) uygulanmasını engeller. Bir çerçeve veya eklenti SVG filtre efektiyle boyandığında, SVG filtreleri olmayan en yüksek üst öğeyi bulmak için efekt ağacında gezinilir ve bunun yerine bu efekt uygulanır.
IndexedDB: SQLite arka ucu
Chromium'un IndexedDB uygulaması, LevelDB ve düz dosyaların hibritini kullanan önceki uygulamanın yerini almak için SQLite üzerine yeniden yazıldı. Bu değişiklik, Web API'sini etkilemez.
Bu yeniden yazma işleminin güvenilirliği ve daha az ölçüde de performansı artırması bekleniyor.
Şimdilik bu değişiklik yeni veri depoları için geçerlidir. Bu değişiklik, çok aşamalı bir kademeli yayın sürecinin 2. adımıdır. 1. adımı izleyen ChromeStatus özelliği sayfasında SQLite bellek içi bağlamları bölümüne bakın.
MediaStreamTrackProcessor kare sayaçları
MediaStreamTrackProcessor arayüzüne discardedFrames ve totalFrames özelliklerini ekler. Bu sayaçlar, web geliştiricilerin işlemci tarafından alınan ve bırakılan kare sayısını izleyerek medya işleme işlem hatlarının durumunu izlemelerine olanak tanır.
data: URL'leri için opak kaynak
Chrome 150, DedicatedWorker ve SharedWorker öğelerinin data: URL'lerini işleme şeklini güncelliyor. Bu çalışanlar, kendilerini oluşturan komut dosyasının veya sayfanın güvenlik kaynağını otomatik olarak devralmak yerine benzersiz bir opak kaynağa atanıyor.
Bu değişiklik, çalışan HTML spesifikasyonu ile uyumludur ve bu çalışanları oluşturucunun aynı kaynak durumundan yalıtarak güvenliği artırır. Böylece, BroadcastChannel veya aynı kaynak depolama gibi mekanizmalar aracılığıyla hassas verilere erişmeleri engellenir. Doğru izolasyon sınırlarını korumak için bu çalışanlar, oluşturucularıyla aynı depolama bölümünde (örneğin, üst düzey siteyi veya tek seferlik rastgele sayıyı koruyarak) kalmaya devam eder.
Bu güvenlik düzenlemesi, masaüstü ve mobil platformlarda varsayılan olarak etkindir. Yöneticiler, merkezi yapılandırmaları aracılığıyla güvenlik sınırlarını inceleyebilir veya doğrulayabilir. Teknik uygulama ayrıntıları ve spesifikasyon referansları için HTML Living Standard Worker Ayarları'nın 3. adımına bakın.
PWA kaynak taşıma
Bir kullanıcı progresif web uygulaması (PWA) yüklediğinde, uygulamanın kimliği ve güvenlik bağlamı web kaynağına sıkı bir şekilde bağlanır (ör. app.example.com). Bu bağlama, yeniden markalama, alan yeniden yapılandırması veya teknik yeniden mimarilendirme nedeniyle PWA'larının kaynağını değiştirmesi gereken geliştiriciler için önemli bir zorluk teşkil eder. Böyle bir değişiklik, kullanıcıları eski uygulamayı manuel olarak kaldırmaya ve yenisini yeniden yüklemeye zorlar. Bu da kesintiye neden olan bir deneyime ve potansiyel kullanıcı kaybına yol açar. Chrome 150, geliştiricilerin yüklü bir PWA'yı yeni bir site içi kaynağa taşımasına olanak tanıyan bir mekanizma sunar. Bu mekanizma, kullanıcı güvenini ve izinlerini korur.
WebAppInstallForceList politikası, taşıma işlemini engeller. Web uygulamalarıyla ilgili kurumsal politikalar temel olarak URL'lere ve kaynaklara dayandığından, taşıma işleminin yöneticinin yapılandırmış olabileceği belirli politikaları atlama riski vardır. Chrome, bir uygulama kuruluş yöneticisi tarafından zorunlu olarak yüklendiğinde kullanıcıya taşıma işlemi sunmaz. Bunun yerine, kullanıcıya durumu açıklayan bir banner gösterir.
HTML'deki işleme talimatlarını ayrıştırma
İşlem talimatları (söz dizimi: <?target data>), XML'de gösterilen mevcut bir DOM yapısıdır. Öğeler olmayan ancak bir belgenin işlenmesi için bir miktar anlamsal anlamı olabilecek düğüm nesnelerine izin verir.
Örneğin, yeni DOM öğeleri gerektirmeden ve CSS açısından DOM yapısını değiştirmeden akış veya vurgulama aralıklarını belirtmek için ya da HTML ayrıştırıcının nasıl arabelleğe alıp akış yapacağıyla ilgili yönergeler olarak kullanabilirsiniz.
Sıra dışı yayın
Sıra dışı akış, <template for> ve işleme talimatı aralıklarını (<?start> ve <?end>) kullanarak HTML'yi sıralı olmayan bir düzende yayınlamanıza ve dokümanın mevcut bölümlerini JavaScript olmadan güncellemenize olanak tanır.
Programatik kaydırma sözleri
Bu özellik, programatik sorunsuz kaydırma işleminin tamamlanma durumu için güvenilir bir sinyal sağlar. Element ve Window içindeki tüm kaydırma yöntemleri, kaydırma işlemi tamamlandığında çözülen Promise nesneleri döndürür ve çözülen değer, kaydırmanın kesintiye uğrayıp uğramadığını gösterir.
WebGPU Immediates
WGSL'ye yeni bir anlık adres alanı ve GPU arabellek nesneleri veya bağlama grupları oluşturmadan küçük miktarlarda sık güncellenen verilerin doğrudan gölgelendiricilere iletilmesine olanak tanıyan, oluşturma geçişi, hesaplama geçişi ve oluşturma paketi kodlayıcılarında bir setImmediateData() yöntemi ekler. Bu, özellikle her çizim çağrısında nesne dizinleri, malzeme dizinleri veya dönüşüm matrisleri gibi çizim başına parametreleri güncellemesi gereken uygulamalar için yararlıdır. Arabellek ve bağlama grubu yönetimi ek yükünü önleyerek önemli performans iyileştirmeleri sağlar.
Web Speech API: Cihaz üzerinde tanıma kalitesi
SpeechRecognition arayüzünü, SpeechRecognitionOptions'ye quality özelliği ekleyerek genişletir. Bu özellik, geliştiricilerin processLocally: true kullanarak cihaz üzerinde tanıma için gereken anlamsal özelliği belirtmesine olanak tanır.
Önerilen quality enum'u, artan görev karmaşıklığına ve donanım gereksinimlerine karşılık gelen üç seviyeyi (command, dictation ve conversation) destekler.
Bu capability nesnesi, geliştiricilerin yerel cihazın yüksek riskli kullanım alanlarını (ör. toplantı metne dönüştürme) işleyip işleyemeyeceğini veya bulut hizmetlerine geri dönmeleri gerekip gerekmediğini belirlemesine olanak tanıyarak cihaz üzerindeki model özelliklerinin anlaşılmasını kolaylaştırır.
Yeni kaynak denemeleri
Chrome 150'de aşağıdaki yeni kaynak denemelerini etkinleştirebilirsiniz.
E-posta Doğrulama Protokolü (EVP)
E-posta Doğrulama Protokolü (EVP), kullanıcılara e-posta OTP'lerini manuel olarak göndermek yerine sahiplikle ilgili kriptografik kanıtı sorunsuz bir şekilde sağlayarak hesap oluşturmalarına, hesaplarına erişmelerine ve hesaplarını kurtarmalarına yardımcı olur.
Kullanımdan kaldırmalar
Chrome'un bu sürümünde aşağıdaki destek sonlandırmaları ve kaldırmalar yapılmıştır.
[LegacyNoInterfaceObject] öğesini FontFaceSet IDL'den kaldırma
Chromium'un FontFaceSet IDL'si daha önce yanlışlıkla [LegacyNoInterfaceObject] kullanıyordu. Bu durum, FontFaceSet'yi genel bir özellik olarak gizliyor ve oluşturucu özelliğini prototipinden siliyordu. Bu davranış, CSS Font Loading spesifikasyonundan sapıyor ve Safari ile Firefox'un davranışından farklılık gösteriyordu.
Bu kaldırma işlemi, [LegacyNoInterfaceObject] öğesini FontFaceSet IDL'den kaldırarak FontFaceSet öğesinin genel bir özellik olarak düzgün şekilde erişilebilir olmasını sağlar. IDL'de constructor() tanımlanmadığından, JavaScript'ten yeni FontFaceSet() çağrıldığında, spesifikasyonun zorunlu kıldığı davranışla eşleşen TypeError: Illegal constructor doğru şekilde oluşturulur.