Mart ayında web platformunda yeni kullanıma sunulanlar

Mart 2025'te kararlı ve beta web tarayıcılarına eklenen ilginç özelliklerden bazılarını keşfedin.

Rachel Andrew

Yayınlanma tarihi: 31 Mart 2025

Kararlı tarayıcı sürümleri

Mart 2025'te Firefox 136, Chrome 134 ve Safari 18.4 kararlı sürüm oldu. Bu yayında, web platformuna eklenen yeni özellikler ele alınmaktadır.

Yeni sözde sınıflar :has-slotted ve :open

Firefox 136, web bileşeni oluşturulurken <slot> öğesine içerik eklenmiş <template> öğelerine stil uygulamak için kullanılan :has-slotted sözde sınıfını destekler.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

:open sözde sınıfı, şu anda açık durumdaki tüm öğeleri seçmenizi sağlar. Bu, seçici içeren <details>, <dialog>, <input> öğeleri ve açılır seçim kutusu açıkken <select> öğeleri için geçerlidir.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136, Intl.DurationFormat dosyalarını da destekler. Bu sayede yerel ayarı dikkate alarak süreleri biçimlendirebilirsiniz. Bu özellik Baseline'a eklendi. Daha fazla bilgi için Intl.DurationFormat artık Baseline'da Yeni kullanıma sunuldu başlıklı makaleyi inceleyin.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

contenteditable özelliğinin plaintext-only değeri

Temel özellik haline gelen bir diğer özellik de Firefox'un bu sürümünde kullanıma sunulan contenteditable genel özelliğinin plaintext-only değeridir. Bu değer hakkında bilgi edinmek için contenteditable "plaintext-only" özellik değeri kombinasyonu artık Taban Değer olarak kullanılabilir başlıklı makaleyi inceleyin.

Browser Support

  • Chrome: 51.
  • Edge: ≤79.
  • Firefox: 136.
  • Safari: ≤13.1.

CSS için yatay yazma modları

Safari 18.4, writing-mode: sideways-rl ve writing-mode: sideways-lr desteği içerir. Bu değerler, metni sunum amacıyla dikey olarak görüntülemek istediğinizde kullanılır. Bu raporlar artık "Temel Yeni kullanılabilir" olarak görünecektir.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

CSS shape() işlevi

Safari 18.4'te, klip yolunda duyarlı serbest biçimli şekillere olanak tanıyan CSS shape() işlevi de bulunur.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

ClipboardItem.support()

Safari 18.4, ClipboardItem() için support() yöntemini uygular. Bu özellik, panos işlemleri sırasında hangi biçimlerin desteklendiğini görmenizi sağlar ve artık Temel Yeni olarak kullanılabilir.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

<dialog> için ışığı kapat

Popover API'nin güzel özelliklerinden biri, hafif kapatma davranışıdır. Bu davranış artık Chrome 134'te uygulanan <dialog> özelliğinin bir parçasıdır ve davranışı kontrol eden yeni bir closedby özelliği içerir.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: not supported.
  • Safari: not supported.

Web Locks API artık ortak depolama alanında destekleniyor

Chrome 134, Web Locks API'yi Shared Storage ile entegre eder. Bu, get() ve set() mantığındaki olası yarış koşulları nedeniyle siteler arası erişim ölçümünün yinelenen raporlamaya neden olabileceği gibi senaryoları önler.

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, tarayıcının bir sonraki kararlı sürümünde yer alacak özelliklerin önizlemesini sunar. Bu sürüm herkese sunulmadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı. Yeni beta sürümler Firefox 137 ve Chrome 135'tir. Bu sürümler platforma birçok harika özellik getiriyor. Tüm ayrıntılar için sürüm notlarına göz atın. Aşağıda bunlardan birkaçını bulabilirsiniz.

Firefox 137, bir Iterable'ın (ör. dizi) toplamını döndüren Math.sumPrecise statik yöntemini içerir. Bu sürüm Atomics.pause()'ü de içerir. Bu yöntem, CPU'ya mevcut iş parçacığının paylaşılan bir kaynağa erişmeyi beklerken kilitlendiğini belirtir.

Chrome 135, bant oluşturmayla ilgili çeşitli CSS özellikleri içerir. Özelleştirilebilir <select> öğelerini ve command ile commandfor özelliklerini de içerir.