Chrome 137'deki yenilikler

Rachel Andrew

Yayınlanma tarihi: 27 Mayıs 2025

Chrome 137 şu anda kullanıma sunuluyor. Bu yayında, sürümdeki bazı önemli özellikler paylaşılıyor. Chrome 137 sürüm notlarının tamamını okuyun.

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

Karmaşık düzenlerde mantıksal bir sekme sırası sağlamak için reading-flow ve reading-order kullanın. CSS if() işlevi, koşullu değerleri kısa ve öz bir şekilde ifade etmenizi sağlar. JavaScript Promise Integration (JSPI), WebAssembly uygulamalarının JavaScript sözleriyle entegre olmasına olanak tanır.

CSS reading-flow ve reading-order

reading-flow CSS özelliği, esnek, ızgara veya blok düzenindeki öğelerin erişilebilirlik araçlarına sunulma sırasını ve doğrusal sıralı gezinme yöntemleri kullanılarak nasıl odaklandıklarını kontrol eder. Bu, uzun süredir devam eden bir sorunu çözüyor. Izgara ve esnek düzenlerde, sekme sırası öğelerin düzenlenme sırasından ayrılabiliyordu.

Varsayılan değeri normal olan bir anahtar kelime değeri alır. Bu değer, öğeleri DOM sırasına göre sıralama davranışını korur. Bir flex kapsayıcıda 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, tek tek öğelerin reading-order değerini ise bir tam sayı değeri olarak ayarlayın.

Daha fazla bilgi için Mantıksal sıralı odaklanma için CSS reading-flow kullanma başlıklı makaleyi inceleyin.

CSS if() işlevi

CSS if() işlevi, koşullu değerleri kısa ve öz bir şekilde ifade etmenizi sağlar. 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 sözleriyle entegre olmasına olanak tanıyan bir API'dir.

Bir WebAssembly programının söz oluşturucu olarak hareket etmesine ve söz içeren API'lerle etkileşim kurmasına olanak tanır.

Özellikle bir uygulama, söz 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ı ilk çağıran kişiye, WebAssembly programı nihayet tamamlandığında yerine getirilecek bir söz verilir.

Diğer özellikler

Elbette daha birçok özellik var:

  • Chrome, depolama bölümlendirme özelliğinin devamı olarak blob URL'si erişiminin depolama anahtarına göre bölümlendirilmesini uyguladı.
  • Canvas kayan nokta piksel biçimleri artık uygulanıyor.
  • offset-path: shape() desteklendiğinden animasyon yolunu ayarlamak için duyarlı şekiller kullanabilirsiniz.

Daha fazla bilgi

Bu özet yalnızca bazı önemli noktaları kapsar. Chrome 137'deki ek değişiklikler için aşağıdaki bağlantıları inceleyin.

Abone ol

Gelişmeleri takip etmek 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 veya LinkedIn'de de takip edebilirsiniz.

Chrome 138 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için hazır olacağız.