Chrome 137 beta

Rachel Andrew

Yayınlanma tarihi: 1 Mayıs 2025

Aksi belirtilmedikçe 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 130, 30 Nisan 2025 itibarıyla beta sürümündedir. En güncel sürümü masaüstü için Google.com'dan veya Android için Google Play Store'dan indirebilirsiniz.

CSS ve kullanıcı arayüzü

Bu sürümde yedi yeni CSS ve kullanıcı arayüzü özelliği eklendi.

if() işlevi

CSS if() işlevi, koşullu değerleri ifade etmenin kısa bir yolunu sunar. Noktalı virgülle ayrılmış bir dizi koşul-değer çiftini kabul eder. İşlev, her koşulu sırayla değerlendirir ve ilk doğru koşulla ilişkili değeri döndürür. Koşullardan hiçbiri doğru olarak değerlendirilmezse işlev boş bir jeton akışı döndürür. Bu sayede karmaşık koşullu mantığı basit ve kısa bir şekilde ifade edebilirsiniz. Örnek:

div {
      color: var(--color);
      background-color: if(style(--color: white): black; else: white);
  }
  .dark {
      --color: black;
  }
  .light {
      --color: white;
  }

<div class="dark">dark</div>
<div class="light">light</div>

reading-flow ve reading-order özellikleri

reading-flow CSS mülkü, bir esnek, ızgara veya blok düzenindeki öğelerin erişilebilirlik araçlarına gösterilme ve Sekme tuşuyla klavye odak gezinmesi kullanılarak odaklanma sırasını kontrol eder. Aşağıdaki anahtar kelime değerlerinden birini alır:

• normal
• flex-visual
• flex-flow
• grid-rows
• grid-columns
• grid-order
• source-order

reading-order CSS özelliği, bir okuma akışı kapsayıcısındaki sırayı manuel olarak geçersiz kılmanıza olanak tanır. Varsayılan değeri 0 olan bir tam sayıdır.

Daha fazla bilgi edinmek için Mantıksal sıralı odak gezinme için CSS okuma akışını kullanma başlıklı makaleyi okuyun ve bazı okuma akışı örneklerini deneyin.

offset-path: shape()

shape() işlevi clip-path'te zaten desteklenmektedir ve duyarlı kırpma olanağı sunar. Bu özelliği offset-path için de etkinleştirmek, söz konusu mülk için aynı türde şeklin kullanılabileceği küçük bir boşluğu kapatır.

SVGSVGElement'te dönüştürme özelliğini destekleme

Bu özellik, ölçeklendirme, döndürme, çevirme ve eğme gibi dönüştürme özelliklerinin transform özelliği kullanılarak doğrudan <svg> kök öğesine uygulanmasını sağlar. Bu geliştirme, SVG koordinat sisteminin tamamını veya içeriğini bir bütün olarak değiştirmenize olanak tanır. Böylece dinamik, duyarlı ve etkileşimli vektör grafikleri oluşturma konusunda daha fazla esneklik elde edersiniz. Bu özellik desteklendiğinde SVG öğesi, ek sarmalayıcı öğeleri veya karmaşık CSS geçici çözümleri gerektirmeden dönüştürülebilir. Böylece ölçeklenebilir ve animasyonlu web grafikleri oluşturma süreci kolaylaştırılır.

<use> öğesinin, snippet'i atlayarak harici bir dokümanın kök öğesine referans vermesine izin verin.

Bu özellikte, referans koşullarını gevşeterek SVG <use> öğesini basitleştiriyoruz. Şu anda, SVG belgesindeki parçalara açıkça referans vermeniz gerekir. Fragment kimliği belirtilmezse <use> hedefi çözemez ve hiçbir şey oluşturulmaz veya referans verilmez.

Bu özellik sayesinde, parçaları atlamak veya yalnızca harici SVG dosya adını vermek, kök öğeye otomatik olarak referans verir. Böylece, köke kimlik atamak için referans verilen dokümanı değiştirmeniz gerekmez. Bu iyileştirme, manuel düzenleme sürecini basitleştirir ve verimliliği artırır.

accent-color mülkü için sistem vurgu rengi Windows ve ChromeOS'e genişletildi

Bu sayede, form öğeleri için işletim sisteminin vurgu rengini kullanabilirsiniz. accent-color CSS özelliğini kullanarak onay kutuları, radyo düğmeleri ve ilerleme çubukları gibi form öğelerinin kullanıcının işletim sistemi tarafından tanımlanan vurgu rengini otomatik olarak benimsemesini sağlayabilirsiniz. Bu özellik 2021'den beri macOS'te destekleniyordu ve artık Windows ile ChromeOS'te de desteklenmektedir.

view-transition-name: match-element

view-transition mülkü için match-element değeri, öğenin kimliğine göre benzersiz bir kimlik oluşturur ve bu öğe için aynı kalır. Bu, öğenin taşındığı ve görünüm geçişiyle canlandırmak istediğiniz tek sayfalı uygulama durumlarında kullanılır.

Web API'leri

"payment" WebAuthn kimlik bilgisi oluşturma işlemi için oluşturulan hata türünü hizalama

payment kimlik bilgileri için WebAuthn kimlik bilgisi oluşturulurken ortaya çıkan hata türünü düzeltir. Geçmişteki bir spesifikasyon uyuşmazlığı nedeniyle, kullanıcı etkinleştirmesi olmadan kaynak ötesi bir iFrame'de payment kimlik bilgisi oluşturmak, ödeme dışı kimlik bilgileri için oluşturulan NotAllowedError yerine SecurityError oluşturacaktır. Bu, önemli bir değişikliktir. Daha önce atılan hata türünü algılayan kod (örneğin, e instanceof SecurityError) etkilenir. Genel olarak kimlik bilgisi oluşturma sırasındaki hataları ele alan kod (örneğin, catch (e)) düzgün şekilde çalışmaya devam eder.

Blob URL'si bölümlendirme: Getirme/Gezinme

Depolama bölümlendirmesinin devamı olarak bu özellik, yalnızca çerçeve kaynağına göre bölümlendirilmeye devam edecek üst düzey gezinmeler hariç olmak üzere blob URL erişiminin depolama anahtarına (üst düzey site, çerçeve kaynağı ve has-cross-site-ancestor boole değeri) göre bölümlendirilmesini uygular.

Bu değişiklik, PartitionedBlobURLUsage politikası ayarlanarak geçici olarak geri alınabilir. Depolama alanı bölümlemeyle ilgili diğer kurumsal politikaların desteği sonlandırıldığında bu politikanın desteği de sonlandırılacak.

Yanıt vermeyen web sayfalarından gelen kilitlenme raporlarındaki çağrı yığınları

Bu özellik, JavaScript kodu sonsuz bir döngü veya çok uzun bir hesaplama çalıştırması nedeniyle bir web sayfası yanıt vermediğinde JavaScript çağrı yığınını yakalar. Bu sayede geliştiriciler, yanıt vermeme sorununun nedenini tespit edip daha kolay düzeltebilir. Neden yanıt vermeme ise JavaScript çağrı yığını kilitlenme raporlama API'sine dahil edilir.

Tuval Kayan Nokta Renk Türleri

CanvasRenderingContext2D, OffscreenCanvasRenderingContext2D ve ImageData ile kayan noktalı piksel biçimlerini (8 bit sabit nokta yerine) kullanma olanağı sunar. Bu, yüksek hassasiyetli uygulamalar (ör. tıbbi görselleştirme), yüksek dinamik aralıktaki içerikler ve doğrusal çalışma renk alanları için gereklidir.

Güvenilir olmayan şifrelenmemiş metin HTTP ön oluşturmaya izin verme

Şu anda önceden oluşturmaya HTTP ve HTTPS üzerinden izin verilirken önceden getirme yalnızca HTTPS üzerinden çalışır. Ön oluşturmayı ön yüklemeyle tutarlı olacak şekilde kısıtlayın.

Document-Isolation-Policy

Document-Isolation-Policy, COOP veya COEP dağıtmak zorunda kalmadan ve sayfanın crossOriginIsolation durumundan bağımsız olarak bir belgenin kendisi için crossOriginIsolation'yi etkinleştirmesine olanak tanır. Politika, işlem yalıtımı ile desteklenir. Ayrıca, CORS olmayan merkezler arası alt kaynaklar ya kimlik bilgileri olmadan yüklenir ya da CORP başlığı içermelidir.

Belge İzolasyon Politikası: Güçlü web özelliklerini kolayca etkinleştirme başlıklı makalede daha fazla bilgi edinebilirsiniz.

Web Şifreleme'de Ed25519

Bu özellik, Web Cryptography API'de Curve25519 algoritmaları (özellikle Ed25519 imza algoritması) için destek ekler.

IP adresi günlüğü ve raporlama

Chrome Enterprise, yerel ve uzak IP adreslerini toplayıp raporlayarak ve bu IP adreslerini Güvenlik İnceleme Günlükleri'ne (SIT) göndererek güvenlik izleme ve olay yanıtlama özelliklerini iyileştirir. Ayrıca Chrome Enterprise, yöneticilerin isteğe bağlı olarak Chrome Enterprise raporlama bağlayıcısını kullanarak IP adreslerini birinci taraf ve üçüncü taraf SIEM sağlayıcılarına göndermesine olanak tanır. Bu özellik, Chrome Enterprise Core müşterileri tarafından kullanılabilir.

JavaScript Promise Entegrasyonu

JavaScript Promise Entegrasyonu (JSPI), WebAssembly uygulamalarının JavaScript Promise'lerle entegrasyonuna olanak tanıyan bir API'dir. WebAssembly programının Promise oluşturucu olarak hareket etmesine ve WebAssembly programının Promise içeren API'lerle etkileşim kurmasına olanak tanır. Özellikle, bir uygulama Promise içeren (JavaScript) bir API'yi çağırmak için JSPI'yi kullandığında WebAssembly kodu askıya alınır ve WebAssembly programının orijinal arayanına, WebAssembly programı tamamlandığında yerine getirilecek bir Promise verilir.

Language Detector API

Language Detector API, sağlanan bir dizenin dilini tanımlayan bir JavaScript API'sidir. Bu API, dil algılama görevlerini gerçekleştirmek için hassas ayarlanmış temel bir model tarafından desteklenir.

Dil Tanımlayıcı API'si, bir dize verildiğinde algılanan dillerin sıralı bir listesini ve her sonuç için güven puanını döndürür.

Geliştiriciler, isteğe bağlı olarak dil algılamanın belirli dillerde yapılması beklenen kullanım alanları için optimizasyona yardımcı olmak amacıyla bir dil algılayıcı örneği oluştururken beklenen giriş dillerinin listesini iletebilir.

SVGMatrix, SVGRect ve SVGPoint öğelerindeki kayan noktalı özellikleri ve bağımsız değişkenleri kısıtlama

SVGMatrix, SVGRect ve SVGPoint öğelerinde artık ondalık özellik veya bağımsız değişkenleri Infinity veya Nan olarak ayarlayamazsınız. SVG spesifikasyonunda tanımlandığı gibi ayarlamaya çalışırsanız bir JavaScript istisnası oluşturulur.

Seçim API'si getComposedRanges ve direction

Bu özellik, Selection API için iki yeni API yöntemi sunar:

• Selection.direction, seçimin yönünü "none", "forward" veya "backward" olarak döndürür.
• Selection.getComposedRanges(), 0 veya 1 "oluşturulan" öğe içeren bir liste döndürür StaticRange

"Oluşturulan" bir StaticRange'ün gölge sınırlarını geçmesine izin verilir. Normal aralıklar bunu yapamaz.

Örneğin:

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

Seçim, shadowRoots listesinde sağlanmayan bir gölge kök sınırını geçerse StaticRange'un uç noktaları bu ağacın dışında olacak şekilde "yeniden kapsamlandırılır". Bu sayede, bilinmeyen gölge ağaçları göstermeyiz.

Web uygulaması kapsamı uzantıları

Web uygulamalarının kapsamını diğer kaynaklara genişletmesine olanak tanıyan bir scope_extensions web uygulaması manifest alanı ekler.

Örnek:

{
  "name": "Example",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {"type" : "type", "origin" : "https://example.com"}
  ]
}

Bu sayede, birden fazla alt alan adını ve üst alan adını kontrol eden siteler tek bir web uygulaması olarak sunulabilir.

Listelenen kaynakların, .well-known/web-app-origin-association yapılandırma dosyası kullanarak web uygulamasıyla ilişkilendirmeyi onaylamasını gerektirir.

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

WebAssembly Şube İpuçları

Motoru, belirli bir dal talimatının belirli bir yolu izleme olasılığının yüksek olduğunu bildirerek derlenmiş WebAssembly kodunun performansını iyileştirir. Bu sayede motor, kod düzeni (talimatlar önbelleği isabetlerini iyileştirir) ve kayıt tahsisi için daha iyi kararlar verebilir.

WebGPU: externalTexture bağlaması için GPUTextureView

Artık GPUBindGroup oluştururken externalTexture bağlaması için GPUTextureView kullanılmasına izin veriliyor.

WebGPU: copyBufferToBuffer overload

GPUCommandEncoder copyBufferToBuffer() yöntemi artık isteğe bağlı ofsetler ve boyut parametreleri içeren yeni bir aşırı yükleme kullanarak tüm arabelleklerin kopyalanmasını sağlayan daha basit bir yöntem içeriyor.

Yeni kaynak denemeleri

Chrome 137'de aşağıdaki yeni kaynak denemelerini etkinleştirebilirsiniz.

Tam kare hızı oluşturma engelleme özelliği

Engelleme özelliklerine yeni bir oluşturma engelleme jetonu tam kare hızı ekler. Oluşturucu, tam kare hızı jetonuyla engellendiğinde yükleme için daha fazla kaynak ayırmak amacıyla daha düşük bir kare hızında çalışır.

Oluşturulmamış iframe'lerde medya oynatmayı duraklatma

Yerleştiren web sitelerinin, oluşturulmayan (yani "display " özelliği"none " olarak ayarlanmış) yerleştirilmiş iframe'lerin medya oynatmasını duraklatmasına izin vermek için bir "media-playback-while-not-rendered" izin politikası ekler. Bu sayede geliştiriciler, kullanıcıların göremediği içeriğin oynatılmasını tarayıcıya bırakarak daha kullanıcı dostu deneyimler oluşturabilir ve performansı artırabilir.

Rewriter API

Rewriter API, cihaz üzerinde bir yapay zeka dil modeli tarafından desteklenen giriş metnini dönüştürür ve istenen şekilde yeniden ifade eder. Geliştiriciler, metinlerdeki gereksiz kelimeleri kaldırarak metni kelime sınırına sığdırmak, mesajları hedef kitleye uygun olacak şekilde veya toksik bir dil kullanıldığı tespit edilen mesajları daha yapıcı olacak şekilde yeniden ifade etmek, bir yayını veya makaleyi daha basit kelimeler ve kavramlar kullanarak yeniden ifade etmek ve daha pek çok işlem için bu API'yi kullanabilir.

Writer API

Writer API, cihaz üzerinde yapay zeka dil modeli desteğiyle bir yazma görevi istemi verildiğinde yeni materyal yazmak için kullanılabilir. Geliştiriciler, yapılandırılmış verilerle ilgili metinsel açıklamalar oluşturmak, yorumlara veya ürün açıklamasına dayalı bir ürünle ilgili bir yayın oluşturmak, avantaj ve dezavantaj listelerini tam görünümlere dönüştürmek ve daha fazlası için bu API'yi kullanabilir.