Chrome 150

Kararlı sürümün yayınlanma tarihi: 30 Haziran 2026

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

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 sayede geliştiriciler, kullanıcıların işletim sistemi teması entegrasyonu beklediği bağlamlarda (ör. yüklenmiş bir web uygulaması) web içeriklerine yerel uygulamalara benzer stil uygulayabilir. Kullanıcıların, sistem vurgu renginin oluşturulduğunu görebilmesi için ilk profilde yüklü bir web uygulamasında olması gerekir.

40229450 numaralı hata izleniyor | ChromeStatus.com girişi | Şartname

polygon() için isteğe bağlı yuvarlama parametresine izin verin

polygon() CSS şekil işlevine isteğe bağlı bir köşe yuvarlama parametresi ekler. Geliştiriciler, Bezier eğrilerini manuel olarak hesaplamadan çokgen köşelerini yuvarlamak için bir uzunluk değeri belirtebilir.

329302249 numaralı hata izleniyor | ChromeStatus.com girişi | Spesifikasyon

Animasyon oluşturulabilir zoom

CSS zoom özelliği animasyon haline getirilebilir ve <number> olarak ara değer oluşturur. Geliştiriciler, zoom ile öğeleri ve düzenlerini sorunsuz bir şekilde ölçeklendirmek için geçiş ve animasyon ekleyebilir. Bu, mevcut dönüştürme tabanlı ölçeklendirmeyi tamamlar.

Tracking bug #393810951 | ChromeStatus.com entry

CSS url() istek 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, referans verilen kaynağın getirme davranışını doğrudan CSS'den kontrol eder. Örneğin, background-image: url("image.png" cross-origin(anonymous)), CORS anonim modunu kullanarak resmi getirir. Bu sayede yazarlar, resimler, yazı tipleri, SVG referansları ve içe aktarılan stil sayfaları dahil olmak üzere CSS ile yüklenen kaynaklar için kaynaklar arası erişim, alt kaynak bütünlüğü ve yönlendiren politikası üzerinde ayrıntılı kontrol sahibi olur.

435625756 numaralı hata izleniyor | ChromeStatus.com girişi | Şartname

CSS text-fit özelliği

Metin düğümlerinin yazı tipi boyutunu, bulunduğu kutunun genişliğine tam olarak sığacak ş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. Farklı ekran boyutlarında ve değişen metin uzunluklarında görsel hizalamayı koruyan, duyarlı tipografi için güçlü ve CSS'ye özgü bir çözüm sunar.

İzleme hatası #417306102 | ChromeStatus.com girişi | Şartname

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: border-area, bir öğenin arka planını kenarlık vuruşlarıyla boyanan alana kırpar. border-width ve border-style değerlerini dikkate alırken border-color değerindeki şeffaflığı yoksayar. Bu sayede geliştiriciler, border-image olmadan gradyan kenarlıklar oluşturabilir. WebKit bu özelliği zaten destekliyor. Bu uygulama, Chromium'u WebKit ile aynı seviyeye getiriyor.

329302543 numaralı hata izleniyor | ChromeStatus.com girişi | Spesifikasyon

CSS image(<color>) işlevi

image() işlevi, yazarların herhangi bir renkten düz renkli bir resim oluşturmasına olanak tanır. Söz dizimi: image() = image( <color> )

510426954 numaralı hata izleniyor | ChromeStatus.com girişi | Spesifikasyon

Resim değerleriyle CSS light-dark()

CSS light-dark() işlevini, yazar stil sayfalarında resim değerlerini (url(), image-set(), none) 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. Daha önce bu yalnızca UA stil sayfalarında kullanılabiliyordu. Bu, CSS Color 5 spesifikasyonuyla uyumludur ve Firefox'un mevcut uygulamasıyla eşleşir.

491829958 numaralı hata izleniyor | ChromeStatus.com girişi | Spesifikasyon

Virgülle ayrılmış kapsayıcı sorguları

@containerKural başına birden fazla sorguyu destekler. @container kuralı, sorgulardan en az biri eşleştiğinde uygulanır.

Bu sayede, tüm tarayıcılarda desteklenmeyen özellikler için yedek sorgular kullanılabilir.

41491726 numaralı hata izleniyor | ChromeStatus.com girişi | Spesifikasyon

Yazdırılamayan alanları CSS ile ortaya çıkarma

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ı kendileri ayarlarsa ve hatta @page kenar boşluğu kutuları (örneğin, özel üstbilgiler ve altbilgiler için) eklemek isterse nerenin güvenli bir şekilde yazdırılabileceğini ve nerenin yazdırılamayacağını bilmeleri gerekir.

Bu tür yazdırılamayan alanlardan kaçınmak için CSS tanımlayıcısı page-margin-safety kullanılabilir.

368070327 numaralı hata izleniyor | ChromeStatus.com girişi | Spesifikasyon

flex-wrap: balance

flex-wrap: balance, geliştiricilerin içeriği esnek çizgiler arasında dağıtmasına olanak tanır. Böylece içerik daha dengeli görünür (text-wrap: balance'ye benzer).

Tracking bug #416755656 | ChromeStatus.com entry | Spec

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 kümesini sorgulamasına olanak tanır.

Tracking bug #353715317 | ChromeStatus.com entry | Spec

overscroll-behavior: chain

overscroll-behavior artık şu değerlere sahip: none, auto, contain ve yeni değer chain. Bu değerler, iki bağımsız efekti etkiler: kaydırma yayılımı ve yerel kenarlık efekti (örneğin, fazla kaydırmada esneme).

• none: Yayılma yok, yerel etki yok
• auto: yayılma, yerel etki
• contain: yayılma yok, yerel etki
• chain: yayılma, yerel etki yok

499018879 numaralı hata izleniyor | ChromeStatus.com girişi | Şartname

CSS özelliği olarak path-length desteği.

Bu değişiklik, mevcut SVG pathLength sunum özelliğiyle eşlenen yeni bir CSS özelliği olan path-length'yi kullanıma sunar. pathLength öğesini destekleyen SVG geometri öğeleri (<path>, <circle>, <rect>, <line>, <polyline>, <polygon> ve <ellipse> dahil) için geçerlidir.

40670251 numaralı hata izleme | ChromeStatus.com girişi | Spesifikasyon

DOM ve HTML

Tüm alt selectedcontent öğelerine klonla

selectedcontent öğesinin uç durumlarda birkaç küçük değişiklik yapılıyor:

• Aynı anda bir select öğesine birden fazla selectedcontent öğesi yerleştirildiğinde, DOM sırasındaki yalnızca ilk öğe yerine tüm öğeler güncel tutulur.
• Seçili içerik öğ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.

Tracking bug #458113204 | ChromeStatus.com entry | Spec

Focusgroup

Birleşik widget'lara bildirimli olarak ok tuşuyla gezinme, garantili sekme durağı ve son odaklanılan bellek özelliği kazandırarak elle kodlanmış tabindex dolaşım komut dosyalarının yerini alır. Örnek:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

ChromeStatus.com girişi | Şartname

Sırası bozuk yayın

Dokümanın mevcut bölümlerini JS olmadan güncellemek için <template for> ve işleme talimatı aralıklarını (<?marker>, <?start> ve <?end>) kullanın.

431374376 numaralı hata izleme | ChromeStatus.com girişi | Spesifikasyon

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 belirli bir anlamsal anlamı olabilen düğüm nesnelerini temsil eder.

İşleme talimatları, HTML ayrıştırıcı tarafından ayrıştırılır ve verilerini değiştirmek için öğelere benzer bir özellik API'si alır.

481087638 numaralı hata izleniyor | ChromeStatus.com girişi | Spesifikasyon

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 katman oluşturma modeli uygular. Daha önce, bu iki tür popover arasındaki etkileşimler bazı uç durumlarda (ör. ipucu popover'larının içine otomatik popover'lar yerleştirme) karmaşık olabiliyor ve beklenmedik davranışlara yol açabiliyordu. Yeni modelde, ipucu popover'ı açıldığında alakasız otomatik popover'lar yanlışlıkla kapanmaz. İpucu pop-up'ları yalnızca üst öğe otomatik pop-up'ı gizlendiğinde veya yeni ve alakasız bir otomatik pop-up açıldığında gizlenir. Ayrıca geliştiriciler, otomatik popover'ı ipucu popover'ın içine güvenli bir şekilde yerleştirebilir. İç içe yerleştirilmiş otomatik popover, istisna oluşturmak veya yığını bozmak yerine sorunsuz bir şekilde "alt sürüme indirilir" ve ipucu popover'ı gibi davranır. Bu, customizable-select öğesini popover=hint içine yerleştirme gibi kullanım alanlarını destekler.

Tahmin edilebilirliği daha da artırmak ve karmaşık durum mutasyonlarını önlemek için beforetoggle etkinliğinden popover'ların açılması ve kapatılmasıyla ilgili davranışı da sıkılaştırıyoruz. Daha önce olası durumların bazıları için korumalar vardı ancak tümü için yoktu. Bu değişiklik, bu tür durumları tespit etmek için kullanılan mekanizmayı yenileyerek tüm bu durumlarda daha güvenilir bir şekilde InvalidStateErrors oluşturulmasını sağlar. Bu, popover durum yönetiminin kararlı kalmasını sağlar ve döngüsel yeniden giriş hatalarını önler.

499019927 numaralı hata izleniyor | ChromeStatus.com girişi | Spesifikasyon

Programatik kaydırma sözleri

Bu özellik, programatik yumuşak 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 tamamlandığında çözümlenen Promise nesnelerini döndürür ve çözümlenen değer, kaydırmanın kesintiye uğrayıp uğramadığını gösterir.

41406914 numaralı hata izleniyor | ChromeStatus.com girişi | Spesifikasyon

Grafikler ve medya

Eklentilerde ve iframe'lerde SVG filtrelerini devre dışı bırakma

Chrome 150, yerleştirilmiş eklentilere (ör. PDF'ler) ve kaynaklar arası veya kısıtlanmış iframe'lere (ör. korumalı alana alınmış iframe'ler) SVG filtrelerinin uygulanmasını önleyecek. Bir eklenti veya iframe, SVG filtresi efektiyle boyandığında, SVG filtresi içermeyen en yüksek üst öğeyi bulmak için efekt ağacında gezinilir ve bunun yerine bu efekt uygulanır.

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

WebGPU: Anında

WGSL'ye yeni bir anlık adres alanı ve oluşturma geçişi, hesaplama geçişi ve oluşturma paketi kodlayıcılarına setImmediateData() yöntemi ekler. Bu yöntem, geliştiricilerin GPU arabellek nesneleri veya bağlama grupları oluşturmadan küçük miktarlarda sık güncellenen verileri doğrudan gölgelendiricilere iletmesine olanak tanır.

İzleme hatası #366291600 | ChromeStatus.com girişi | Şartname

Güvenlik ve Web Speech

data: URL'leri için opak kaynak

Chrome 150, özel ve paylaşılan çalışanların data: URL'lerini işleme şeklini güncelliyor. Bu çalışanlara, kendilerini oluşturan komut dosyasının veya sayfanın güvenlik kaynağı otomatik olarak devredilmeyecek, bunun yerine benzersiz opak kaynak atanacak.

Çalışan HTML spesifikasyonu ile uyumlu olması, 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 kullanarak hassas verilere erişmeleri engellenir. Doğru yalıtım sınırlarının korunması için bu çalışanlar, oluşturucularıyla aynı depolama bölümünde (örneğin, üst düzey site veya tek seferlik rastgele sayı korunarak) yer almaya devam eder.

40051700 numaralı hatayı izleme | ChromeStatus.com girişi | Spesifikasyon

Web Speech API: Cihaz Üzerinde Tanıma Kalitesi

SpeechRecognition arayüzünü, SpeechRecognitionOptions öğesine quality özelliği ekleyerek genişletir. Bu, geliştiricilerin cihaz üzerinde tanıma için gereken semantik özelliği (processLocally: true ile) belirtmesine olanak tanır.

Önerilen kalite numaralandırması üç düzeyi destekler: command, dictation ve conversation. Bunlar, artan görev karmaşıklığına ve donanım gereksinimlerine karşılık gelir. Bu sayede geliştiriciler, yerel cihazın önemli kullanım alanlarını (ör. toplantı transkripsiyonu) destekleyip destekleyemeyeceğini veya bulut hizmetlerine geri dönüp dönmemeleri gerektiğini belirleyebilir.

476168420 numaralı hatayı izleme | ChromeStatus.com girişi | Şartname

Web Uygulamaları

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 (ör. app.example.com) sıkı bir şekilde bağlanır. Bu durum, 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. Kaynak taşıma işlemi yapılmadığında bu tür bir değişiklik, kullanıcıları eski uygulamayı manuel olarak kaldırıp yenisini yeniden yüklemeye zorlar. Bu da kesintiye neden olan bir deneyime ve kullanıcı kaybı oranında olası bir artışa yol açar. Chrome 150, geliştiricilerin yüklü bir PWA'yı yeni bir aynı site kaynağına sorunsuz bir şekilde taşımasına olanak tanıyan bir mekanizma sunar. Bu mekanizma, kullanıcı güvenini ve izinlerini korur.

WebAppInstallForceList politikası taşıma işlemini engelliyor. Web uygulamalarıyla ilgili kurumsal politikalar öncelikli olarak URL'lere ve kaynaklara dayandığından, taşıma işleminin yöneticinin yapılandırmış olabileceği belirli politikaları atlama riski vardır. Bir uygulama, kuruluş yöneticisi tarafından zorunlu olarak yüklendiğinde kullanıcıya taşıma işlemi sunulmaz. Bunun yerine, kullanıcıya durumu açıklayan bir banner gösterilir.

396504527 numaralı hata izleniyor | ChromeStatus.com girişi | Şartname

Kaynak denemeleri

E-posta Doğrulaması Protokolü

EVP (e-posta doğrulama protokolü), kullanıcılara kriptografik sahiplik kanıtı sağlayarak hesap oluşturmalarına, hesaplarına erişmelerine ve hesaplarını kurtarmalarına yardımcı olur. Bu işlem, e-posta OTP'lerini manuel olarak girmek yerine sorunsuz bir şekilde yapılır.

Origin Trial | ChromeStatus.com girişi | Spec

Tahmine dayalı yükleme ölçümü

Spekülatif yüklemelerle (ön yüklemeler, önceden getirmeler ve önceden oluşturmalar) ilgili ölçüm verilerini, yeni kullanıma sunulan bir performance.getSpeculations() yöntemi kapsamında kullanıma sunun. Bu sayede geliştiriciler, çeşitli spekülatif yükleme stratejilerinin etkinliğini ölçebilir ve bunları buna göre uyarlayabilir.

Kaynak denemesi | 481590676 numaralı hata izleme | ChromeStatus.com girişi

WebRTC Diagnostic Logging API

WebRTC teşhis günlüğü için API.

Bu API, bir uygulamanın teşhis günlüğüne kaydolmasına olanak tanır. Bu günlükler, uygulama tarafından gerçekleştirilen WebRTC etkinliğiyle ilgili bilgiler içerir ve yerel hata ayıklama veya hataları bildirme için yararlıdır.

Günlükler, tarayıcı satıcısına bant dışı olarak isteğe bağlı şekilde yüklenebilir ve hataları teşhis etmek için kullanılabilir. Uygulama, kilitlenmelere benzer şekilde hata raporuna eklenebilecek bir kimlik alır.

Teşhis günlükleri, WebRtcDiagnosticLogCollectionAllowedForOrigins adlı bir kurumsal politika ile etkinleştirilir.

Origin Trial | Tracking bug #481412281 | ChromeStatus.com entry | Spec

Desteği sonlandırılan ve kaldırılan özellikler

Bu sürümde desteği sonlandırılan veya kaldırılan özellik yok.