Chrome 147 beta

Rachel Andrew

Yayınlanma tarihi: 11 Mart 2026

Aksi belirtilmedikçe, Android, ChromeOS, Linux, macOS ve Windows için en son Chrome beta kanalı sürümünde aşağıdaki değişiklikler yapılmıştır. Bu özellikler hakkında daha fazla bilgi edinmek için verilen bağlantıları takip edebilir veya ChromeStatus.com'u ziyaret edebilirsiniz. En son beta sürümünü masaüstü için Google.com'dan, Android için ise Google Play Store'dan indirebilirsiniz.

Zaman çizelgesi adlandırılmış aralığı scroll

Bu özellik, ViewTimelines'nın adlandırılmış aralıklar kümesini genişleterek scroll aralığını ekler.

Kaydırmaya dayalı animasyonlar API'si, animasyonun aralığını tanımlayan bir ViewTimeline bölümlerine atıfta bulunan adlandırılmış aralıklarla birlikte ViewTimelines özelliğini kullanıma sundu.

Ancak, sağlanan tüm adlandırılmış aralıklar, konusunun göründüğü ViewTimeline bölümüyle sınırlıydı. Yazarların, zaman çizelgesinin altında yatan kaydırma kapsayıcısının tamamına başvurması faydalıdır. Bu özellik, mevcut kümeye (entry, exit, cover, contain) scroll adlı bir adlandırılmış aralık ekler.

CSS contrast-color()

Bu işlevi, erişilebilirlik için kontrast koşullarını karşılamak üzere kullanabilirsiniz.

contrast-color() işlevi, CSS içinde renk değerinin beklendiği her yerde kullanılabilir. Bir renk değeri bağımsız değişkeni alır ve renk bağımsız değişkenine karşı en yüksek kontrastı sağlayan renge bağlı olarak black veya white değerini döndürür.

CSS border-shape

CSS border-shape, herhangi bir şekle sahip (örneğin, polygon, circle, shape()) dikdörtgen olmayan kenarlıklar oluşturmanıza olanak tanır.

border-shape, clip-path ile aynı şekilleri kabul etse de temelde farklıdır: border-shape, kenarlığın şeklini tanımlar, süsler ve yalnızca iç kısmı kırpar.

border-shape iki varyanta sahiptir: biri şekli konturlayan, diğeri ise iki şekil arasındaki alanı dolduran varyant.

Öğe kapsamlı görünüm geçişleri

Rastgele HTML öğelerinde Element.startViewTransition() özelliğini kullanıma sunar. Öğe, geçiş için bir kapsam oluşturur. Bu nedenle, geçiş sözde öğeleri üst öğe kliplerinden ve dönüşümlerinden etkilenir ve ayrı öğelerdeki birden fazla geçiş eşzamanlı olarak çalışabilir.

CSS güncellemesi: width ve style özelliklerinin ayrılması

Chrome, border-width, outline-width ve column-rule-width özelliklerinin davranışı için güncellenen CSS spesifikasyonlarına uygun hale getirildi. Daha önce, ilgili border-style, outline-style veya column-rule-style none ya da hidden olarak ayarlanmışsa bu özelliklerin hesaplanan genişliği, belirtilen değerden bağımsız olarak 0px olarak zorlanıyordu.

Bu değişiklikle birlikte, border-width, outline-width ve column-rule-width değerleri, *-style özelliğinden bağımsız olarak her zaman yazar tarafından belirtilen değerleri yansıtır. Ayrıca, outline-width ve column-rule-width için çözümlenen değerler (getComputedStyle() tarafından döndürüldüğü gibi) de belirtilen değerleri yansıtır.

Bu değişiklik, Chrome'u bu davranışı daha önce uygulamış olan Firefox ve WebKit ile uyumlu hale getirir.

CSSPseudoElement arayüz

CSSPseudoElement arayüzü, JavaScript'te sözde bir öğeyi temsil eder.

CSSPseudoElement, Element.pseudo(type) değerinden döndürülür. Burada type şu değerleri alır: ::after, ::before, ::marker. CSSPseudoElement, sözde öğeyi temsil eden bir proxy nesnedir. Bu nedenle, sözde öğeden farklı olarak CSSPseudoElement her zaman vardır.

CSSPseudoElement aşağıdaki özelliklere/yöntemlere sahiptir:

  • type özelliği, sözde öğenin türünü temsil eden bir dizedir.
  • element özelliği, sözde öğenin nihai kaynak öğesidir.
  • parent özelliği, sözde öğenin kaynak öğesidir (iç içe yerleştirilmiş sözde öğeler için öğe veya CSSPseudoElement).
  • İç içe yerleştirilmiş sözde öğeleri almak için kullanılan pseudo(type) yöntemi.

Etkinliklerde sahte hedefleme

Belirli etkinlikler, .pseudoTarget özelliğinin CSSPseudoElement (etkileşim sözde öğeyle yapıldıysa) veya null olacağı şekilde genişletilir.

Bu, etkinlik kaynağı hakkında daha ayrıntılı bilgiler sağlar. Örneğin, yalnızca nihai kaynak öğenin (Event.target) değil, daha spesifik olarak ::after öğesinin tıklandığı bilgisi verilir. Event.target değişmediğinden etkinliğin yalnızca sözde öğe etkileşimiyle ilgili ek bilgiler içerdiğini unutmayın.

Etkinlikler UIEvent, AnimationEvent, TransitionEvent.

mouseover, mouseout, mouseenter, mouseleave ve bunların pointer* karşılıkları desteklenmez.

WebXR Düzlem Algılama

WebXR Plane Detection API, sitelerin kullanıcının ortamında algılanan düzlemler kümesini almasına olanak tanır. Bu yöntem, geliştiriciler için daha az iş yükü oluşturur ve derinlik algılama WebXR özelliğini kullanmaktan daha güçlüdür. Örneğin, sistem duvarın sınırlarını biliyorsa nesnelerin kapattığı duvarlar gibi düzlemler tam olarak gösterilebilir. Derinlik haritasında duvar gösterilir ancak duvarın önündeki nesneler duvarı parçalayarak duvarın tamamını gizleyebilir. Ayrıca, cihaz bu tür etiketler hakkında bilgi sahibi olduğunda ve bu etiketler önceden tanımlanmış kategorilere uyduğunda semantik etiketleme bilgileri kullanılabilir. Bu sayede dünya hakkında daha iyi bilgi edinilir.

WebXR Katmanları

WebXR Layers, etkileyici içerikleri çizmek için daha verimli bir yöntem sunar.

Yerel renk ve derinlik dokularının yanı sıra doku dizileri için destek sunan bu API, JavaScript yerine sistem birleştiricisi tarafından yönetilen farklı katman türleri için de destek sağlar.

XSLT dışı senaryolar için Rust'ta XML ayrıştırma

XSLT işleme gerekmediğinden emin olduğumuz senaryolar için Rust XML ayrıştırıcısını gönderiyoruz.

Rust XML ayrıştırıcı, XML ayrıştırmadaki bellek bozulması hatalarını ortadan kaldırarak güvenliği artırır. C dilinde yazılmış olan libxml2 kullanımımızın yerine güvenli bir alternatif getirmeyi amaçlar.

Chrome, XSLT desteğini sonlandırıyor. Bu süreç devam ederken, XSLT'nin gerekli olmadığı senaryolarda güvenli Rust XML ayrıştırmayı kullanmaya başlayabilirsiniz:

<link rel="modulepreload"> hedefleri olarak JSON ve stil modülü türleri için destek eklenir. <link rel="modulepreload">, Chromium'da zaten desteklenmektedir (https://chromestatus.com/feature/5762805915451392 adresine bakın). Ancak yalnızca betiğe benzeyen modül betiklerinin önceden yüklenmesini destekler. Bu özellik, işlevsellik açısından bir boşluğu doldurur. JSON ve CSS modülü komut dosyaları Chromium'da başka yerlerde desteklenir ancak <link rel="modulepreload"> hedefi olarak desteklenmez. Style modülleri <link rel="modulepreload" as="style" href="..."> ile önceden yüklenebilir ve JSON modülleri <link rel="modulepreload" as="json" href="..."> ile önceden yüklenebilir.

Math.sumPrecise

JavaScript'e birden çok değeri toplama yöntemi eklemeyle ilgili bir TC39 önerisi.

Basit toplamaya kıyasla daha hassas bir algoritma kullanarak yinelenebilir öğedeki değerlerin toplamını döndüren, yinelenebilir öğe alan bir Math.sumPrecise yöntemi ekleyin.

SVG <textpath> öğesinde path özelliği desteği

Bu değişiklik, SVG <textPath> öğesinde path özelliğinin desteklenmesini sağlar. Böylece yazarlar, SVG yol verilerini kullanarak metin yolu geometrisini satır içi olarak tanımlayabilir ve ayrı olarak tanımlanmış <path> öğelerine olan ihtiyaç azalır.

<textPath>, metin yolu geometrisini aşağıdaki kuralları kullanarak çözer:

  1. Hem path hem de href özelliği varsa geometri, path özelliğinden çözümlenir.
  2. Yalnızca path özelliği mevcutsa ve başarılı bir şekilde ayrıştırılıyorsa satır içi yol tanımı kullanılır.
  3. path özelliği yoksa veya ayrıştırılamıyorsa ve bir href özelliği sağlanmışsa yedek olarak referans verilen <path> öğesi kullanılır.
  4. Mevcut href davranışında değişiklik yapılmaz.

Bu uygulama, SVG 2 spesifikasyonunun path özelliğinin <textPath> üzerindeki tanımına uygundur. Çözünürlük davranışı diğer tarayıcı motorlarıyla tutarlıdır. Bu sayede birlikte çalışabilirlik ve standartlara uygunluk iyileştirilir.

Güvenli Ödeme Onayı özelliklerini kullanma

Ödeme isteğine, web geliştiricilerin tarayıcının Güvenli Ödeme Onayı uygulamasının özelliklerini almasına olanak tanıyan yeni bir statik yöntem ekler.

Bu, web geliştiricilerin Güvenli Ödeme Onayı için hangi özelliklerin kullanılabildiğini bilmelerine yardımcı olur. Böylece, bu özelliklerle Güvenli Ödeme Onayı'nı kullanmak isteyip istemediklerine karar verebilirler.

Update Device Memory API sınırları

Cihaz Belleği API'si için olası değerlerin yeni bir kümesine güncelleme:

  • Android: 1, 2, 4, 8
  • Diğerleri: 2, 4, 8, 16, 32.

Eskimiş olan 0,25, 0,5, 1, 2, 4, 8 değerlerinin yerine yeni değerler ekleniyor.

Bu, cihaz özellikleri ayarlandığından beri iyileştiği için alt uçtaki dijital parmak izi oluşturma risklerini azaltır.

Service Worker'da yerel ağ erişimi kısıtlamaları WindowClient.navigate()

Web sitelerinin yerel ağlara ve yerel cihazlara tek taraflı olarak istek göndermesini kısıtlamak için kısa süre önce Yerel Ağ Erişimi (YAE) kısıtlamaları eklendi. Bu özellik, Service Worker tarafından başlatılan getirme istekleri için eklenmiş ancak Service Worker'ların WindowClient.navigate üzerinden gerçekleştirdiği gezinme işlemlerine uygulanmamıştır.

Bu lansman, WindowClient.navigate() çağrılarına LNA kısıtlamaları ekleyerek bu boşluğu giderir. Gezinmenin bir LNA isteği olup olmadığını belirlemek için gezinmenin başlatıcısı olarak WindowClient kullanılır.

Bu yalnızca gezinilen WindowClient bir alt çerçeveyse geçerlidir. Chrome, ana çerçeve gezinmelerinde herhangi bir LNA kısıtlaması uygulamaz.

WebSocket'ler için yerel ağ erişimi kısıtlamaları

Yerel ağ erişimi (LNA) kısıtlamaları, WebSockets'i de kapsayacak şekilde genişletiliyor. Yerel adrese yapılan WebSocket bağlantıları artık izin istemlerini tetikliyor.

LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls ve LocalNetworkAccessRestrictionsTemporaryOptOut dahil olmak üzere tüm LNA kurumsal politikaları, LNA WebSockets kısıtlamaları için geçerliliğini korur.

LNA hakkında daha fazla bilgiyi Yerel Ağ Erişimi bölümünde bulabilirsiniz.

WebTransport için yerel ağ erişimi kısıtlamaları

WebTransport kullanılarak kullanıcının yerel ağına istekte bulunma özelliğini kısıtlar. Bu özellik, izin istemiyle korunur.

Yerel ağ isteği, herkese açık bir web sitesinden yerel bir IP adresine veya geri döngüye ya da yerel bir web sitesinden (ör. intranet) geri döngüye yapılan tüm isteklerdir. Web sitelerinin bu istekleri yapabilmesi için izin verilmesi, sitelerin bu istekleri kullanarak kullanıcının yerel ağını parmak iziyle tanımlama olasılığını azaltır.

Bu izin güvenli bağlamlarla sınırlıdır.

Yalnızca IWA: Web Printing API

Bu API, yalıtılmış web uygulamalarındaki (IWA) yazıcıyla ilgili işlevlerle daha derin entegrasyon sağlar.

Web Printing API, geliştiricilerin yerel yazıcıları sorgulamasına, en uygun yazıcılara yazdırma işleri göndermesine ve yazdırma işi seçenekleri ile durumunu yönetmesine olanak tanıyan bir dizi JavaScript yöntemi sunar. Bu kavramları temsil etmek için İnternet Yazdırma Protokolü (IPP) spesifikasyonlarındaki özellik adlarından ve semantiklerden yararlanır.

Yeni kaynak denemeleri

Chrome 147'de aşağıdaki yeni deneme sürümlerini etkinleştirebilirsiniz.

Kapsayıcı Zamanlaması

Container Timing API, DOM öğesinin açıklama eklenmiş bölümlerinin ne zaman ekranda gösterildiğini ve ilk boyama işlemini tamamladığını izlemenize olanak tanır. Geliştiriciler, DOM'un alt bölümlerini containertiming özelliğiyle işaretleyebilir (Element Timing API'deki elementtiming özelliğine benzer şekilde) ve bu bölüm ilk kez boyandığında performans girişleri alabilir. Bu API, geliştiricilerin sayfalarındaki çeşitli bileşenlerin zamanlamasını ölçmelerine olanak tanır.

Otomatik doldurma etkinliği

Otomatik doldurma, web'in temel özelliklerinden biridir ve her gün milyonlarca kullanıcının karşılaştığı sorunları azaltır. Ancak otomatik doldurma özelliğinin, birden fazla uygulamada dinamik formlarla güvenilir bir şekilde çalışmasını sağlamak karmaşık olabilir.

Bu özellik, tarayıcı bir form alanını otomatik olarak doldurmak üzereyken tetiklenen bir autofill etkinliği ekler. Bu etkinlik, geliştiricilerin formlarını otomatik doldurulan verilere uyacak şekilde değiştirmesine ve bunu yaptıklarında tarayıcıya bildirmesine olanak tanır.

Web uygulaması HTML yükleme öğesi

Bir web sitesinin, kullanıcılardan web uygulaması yüklemelerini istemesine olanak tanır. Bu öğe, farklı bir kaynaktan içerik yüklenmesine izin veren iki özelliği isteğe bağlı olarak kabul eder.

Bağlantı izin verilenler listeleri

Bağlantı izin verilenler listeleri, Fetch API veya diğer web platformu API'leri kullanılarak başlatılan bağlantıları bir dokümandan ya da çalışandan kısıtlayarak harici uç noktalar üzerinde açık kontrol sağlamak için tasarlanmış bir özelliktir.

Önerilen uygulama, yetkili uç nokta listesinin sunucudan HTTP yanıt başlığı aracılığıyla dağıtılmasını içerir. Kullanıcı aracısı bir sayfa adına bağlantı oluşturmadan önce, hedefi bu izin verilenler listesine göre değerlendirir. Doğrulanmış uç noktalara bağlantılara izin verilirken listedeki girişlerle eşleşmeyen bağlantılar engellenir.

Kullanımdan kaldırmalar

Chrome'un bu sürümünde aşağıdaki kullanımdan kaldırma ve kaldırma işlemleri yapılmıştır. Planlanan kullanımdan kaldırmalar, mevcut kullanımdan kaldırmalar ve daha önce kaldırılan özelliklerin listeleri için ChromeStatus.com'u ziyaret edin.

Chrome'un bu sürümünde X özellik kullanımdan kaldırılıyor.

SVG üretimi için satır içi XSLT'yi kaldırma

SVG üretimi için satır içi XSLT'yi aşamalı olarak kullanımdan kaldırmaya başlıyoruz. Bu özellik, Rust tabanlı XML ayrıştırıcısının deneysel testiyle senkronize olarak dağıtılır ve işaretli gönderim sürümünde hemen% 100'e dağıtılmaz.

Özel olarak oluşturulmuş bir XML dosyası, genel XML verilerini SVG dosyasına dönüştüren bir XSL stil sayfası içerebilir.

Örnek: https://gist.github.com/drott/1fc70b3c7f0ac314d1fe2e5beecc5490?short_path=1c60adf

Bu, Chrome'un kullanım ölçümlerine göre web'de neredeyse hiç bulunmadığı düşünülen özel bir XSLT işleme durumudur. Chrome, XSLT'yi tamamen kullanımdan kaldırmadan önce XSLT'nin bu özel kullanımını kullanımdan kaldırmayı ve kaldırmayı planlıyor.