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 olarak kullanıma sunuldu. Bu yayında, web platformuna eklenen yeni özellikler ele alınmaktadır.

Eşzamanlı iteratör 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.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: not supported.

Source

Metin parçaları

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

Browser Support

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari: 18.2.

Source

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.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: not supported.

Source

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.

Browser Support

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

Source

MediaStreamTrack.getCapabilities() yöntemi de dahildir.

Browser Support

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

Source

fetchPriority

Fetch Priority API, kaynakların tarayıcıya göre göreceli önceliğini belirtir. 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.

Browser Support

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

Source

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.

Browser Support

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

Source

Chrome 130'taki box-decoration-break mülkü başlıklı makalede bu mülk hakkında daha fazla bilgi edinin.

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

Chrome 130 ve Firefox 132, CSS iç içe yerleştirilmiş beyanları destekler. Bu, iç içe yerleştirilmiş CSS'nin CSSNestedDeclarations ile CSS iç içe yerleştirme iyileştirmeleri bölümünde açıklandığı şekilde doğru şekilde ayrıştırıldığı anlamına gelir.

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: 18.2.

Source

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 bu ö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 dağıtır.

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.

Browser Support

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

Source

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