Ekim ayında web platformundaki yenilikler

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

Ekim 2024'te Firefox 131, Firefox 132, Safari 18.1 ve Chrome 130 kararlı sürüm oldu. Bu yayında, web platformuna eklenen yeni özellikler ele alınmaktadır.

Eşzamanlı yineleme yardımcıları

Firefox 131, eşzamanlı iteratör yardımcıları için destek ekler. Örneğin, Iterator.prototype.forEach() ve Iterator.prototype.map(). Bu yardımcılar, ara dizi oluşturmanın mümkün olmayacağı çok büyük veri kümeleri de dahil olmak üzere ara dizi nesneleri oluşturmadan iteratörlerde dizi benzeri işlemlere olanak tanır.

Tarayıcı desteği

  • Chrome: 122.
  • Kenar: 122.
  • Firefox: 131.
  • Safari: desteklenmez.

Kaynak

Metin parçaları

Firefox 131'de CSS ::target-text sözde öğesinin yanı sıra metin parçaları da desteklenir.

Tarayıcı desteği

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari Teknoloji Önizlemesi: desteklenir.

Kaynak

Bağımsız Bölümlendirme Durumuna Sahip Çerezler (CHIPS)

Firefox 131, Set-Cookie HTTP üstbilgisinin partitioned yönergesini kullanarak çerezleri bölümlenmiş depolama alanına yerleştirmenize olanak tanıyan CHIPS'i içerir.

Tarayıcı desteği

  • Chrome: 114.
  • Kenar: 114.
  • Firefox: 131.
  • Safari: desteklenmez.

Kaynak

Medya güncellemeleri

Ekim ayındaki ikinci Firefox sürümünde, Baseline'a eklenen bir dizi medya özelliği yer alıyor. Firefox 132, HTMLVideoElement için requestVideoFrameCallback() ve cancelVideoFrameCallback() yöntemlerini içerir.

Tarayıcı desteği

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

Kaynak

MediaStreamTrack.getCapabilities() yöntemi de dahildir.

Tarayıcı desteği

  • Chrome: 59.
  • Kenar: 12.
  • Firefox: 132.
  • Safari: 11.

Kaynak

fetchPriority

Fetch Priority API, kaynakların tarayıcıya göre göreceli önceliğini gösterir. Firefox 132'den itibaren desteklenmektedir. Bu, bu yararlı API'nin artık Temel Yeni olarak kullanılabileceği anlamına gelir.

Fetch Priority API ile kaynak yüklemeyi optimize etme başlıklı makalede daha fazla bilgi edinin.

Tarayıcı desteği

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Kaynak

Tam box-decoration-break desteği

Chrome 130, CSS box-decoration-break mülküne ön ek eklenmemiş tam destek içerir. Blok ve satır içi parçalara ayırma için clone değeri de buna dahildir.

Tarayıcı desteği

  • Chrome: 130.
  • Kenar: 130.
  • Firefox: 32.
  • Safari: 7.

Kaynak

Chrome 130'daki Box-decoration-break özelliği bölümünde özellik hakkında daha fazla bilgi edinebilirsiniz.

İç içe yerleştirilmiş bildirimler kuralı

Chrome 130 ve Firefox 132, CSS İç İçe Yerleştirilmiş Açıklamaları destekler. Bu, iç içe yerleştirilmiş CSS'nin CSS iç içe yerleştirmesi CSSNestedDeclarations ile iyileştirilir konusunda açıklandığı gibi doğru şekilde ayrıştırıldığı anlamına gelir.

Tarayıcı desteği

  • Chrome: 130.
  • Kenar: 130.
  • Firefox: 132.
  • Safari: desteklenmez.

Web Seri connected özelliği ve RFCOMM bağlantı etkinlikleri

Chrome 130, boole SerialPort.connected özelliği ekler. Seri bağlantı noktası mantıksal olarak bağlıysa özellik "true" değerini döndürür.

Bu özellik sayesinde, Bluetooth RFCOMM seri bağlantı noktaları, bağlantı noktası mantıksal olarak bağlandığında veya bağlantısı kesildiğinde bu etkinlikleri gönderir.

Bu özellik, uygulamaların Bluetooth RFCOMM seri bağlantı noktasını açmadan kullanılabilir olduğunu algılamasına olanak tanır.

Daha fazla bilgiyi Web Seri'deki Bluetooth RFCOMM güncellemeleri bölümünde bulabilirsiniz.

Tarayıcı desteği

  • Chrome: 130.
  • Edge: Desteklenmez.
  • Firefox: Desteklenmez.
  • Safari: desteklenmez.

Safari'deki erişilebilirlik düzeltmeleri

Safari 18.1 sürümü, Safari 18'den kısa bir süre sonra yayınlandı ve özellikle display: contents ile ilgili olmak üzere çeşitli erişilebilirlik sorunlarını düzeltti.

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. Dünya daha piyasaya sürülmeden önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmek için mükemmel bir zaman. Yeni beta sürümler Firefox 133 ve Chrome 131'dir. 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 133, WebCodecs API'nin ImageDecoder, ImageTrackList ve ImageTrack arayüzlerini destekleyerek ana ve işleyici iş parçacıklarındaki resimlerin kodunu çözmeyi sağlar.

Firefox 133, WorkerNavigator.permissions dosyalarını da destekler.

Chrome 131, ::selection ve ::highlight gibi CSS vurgusu sözde sınıflarının özelliklerini öğe zinciri yerine sözde vurgu zinciri aracılığıyla devraldığı CSS vurgusu mirası özelliğini içerir. Sonuç olarak, öne çıkan anlar özelliğinde özelliklerin devralınmasıyla ilgili daha sezgisel bir model elde edildi.

Chrome 131'de, web'den yazdırırken özel üstbilgi ve altbilgi sağlayabilmeniz için CSS sayfalı medya @page kenar boşluğu kutuları desteği de vardır.