Chrome 137'deki yenilikler

Rachel Andrew

Yayınlanma tarihi: 27 Mayıs 2025

Chrome 137 sürümü kullanıma sunuluyor. Bu sürümdeki önemli özelliklerden bazılarını bu yayında bulabilirsiniz. Chrome 137 sürüm notlarının tamamını okuyun.

Bu sürümdeki öne çıkan özellikler:

Karmaşık düzenlerde mantıklı bir sekme sırası sağlamak için reading-flow ve reading-order öğelerini kullanın. CSS if() işlevi, koşullu değerleri ifade etmenin kısa bir yolunu sunar. JavaScript Promise Entegrasyonu (JSPI), WebAssembly uygulamalarının JavaScript promise'leriyle entegrasyonunu sağlar.

CSS reading-flow ve reading-order

reading-flow CSS mülkü, esnek, ızgara veya blok düzenindeki öğelerin erişilebilirlik araçlarına gösterilme sırasını ve doğrusal sıralı gezinme yöntemleri kullanılarak nasıl odaklanacağını kontrol eder. Bu sayede, sekme sırasının öğelerin düzenlenme sırasıyla bağlantısının kesilebileceği ızgara ve esnek düzenler ile ilgili uzun süredir devam eden bir sorun çözüldü.

Bir anahtar kelime değeri alır. Varsayılan değer normal'tür ve öğeleri DOM sırasına göre sıralama davranışını korur. Bir flex kapsayıcı içinde kullanmak için değerini flex-visual veya flex-flow olarak ayarlayın. Bir ızgara kapsayıcısında kullanmak için değerini grid-rows, grid-columns veya grid-order olarak ayarlayın.

reading-order CSS özelliği, bir okuma akışı kapsayıcısındaki öğelerin sırasını manuel olarak geçersiz kılmanıza olanak tanır. Bu özelliği bir ızgara, flex veya blok kapsayıcı içinde kullanmak için kapsayıcıdaki reading-flow değerini source-order olarak ve tek bir öğenin reading-order değerini bir tam sayı olarak ayarlayın.

Daha fazla bilgi edinmek için Mantıksal sıralı odak gezinme için CSS reading-flow kullanma başlıklı makaleyi okuyun.

CSS 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.

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>

WebAssembly JavaScript Promise Integration (JSPI)

JavaScript Promise Integration (JSPI), WebAssembly uygulamalarının JavaScript promises ile entegrasyonuna olanak tanıyan bir API'dir.

Bir 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 JSPI'yi kullanarak söz veren (JavaScript) bir API'yi çağrdığında WebAssembly kodu askıya alınır ve WebAssembly programının asıl arayanına, WebAssembly programı tamamlandığında yerine getirilecek bir söz verilir.

Diğer özellikler

Elbette daha birçok özellik var:

  • Chrome, depolama alanı bölümlendirmenin devamı olarak blob URL erişimini depolama alanına göre bölümlendirdi.
  • Tuval kayan nokta piksel biçimleri artık uygulanmaktadır.
  • offset-path: shape() desteklenir. Böylece animasyon yolunu ayarlamak için duyarlı şekiller kullanabilirsiniz.

Daha fazla bilgi

Bu, yalnızca bazı önemli noktaları kapsar. Chrome 137'deki diğer değişiklikler için aşağıdaki bağlantılara göz atın.

Abone ol

Gelişmelerden haberdar olmak için Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız. Yeni makaleler ve blog yayınları için bizi X'te veya LinkedIn'de de takip edebilirsiniz.

Chrome 138 sürümü kullanıma sunulduğunda Chrome'daki yenilikleri buradan duyuracağız.