Ekim 2024'te kararlı ve beta web tarayıcılarına eklenen ilginç özelliklerden bazılarını keşfedin.
Kararlı tarayıcı sürümleri
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.
Metin parçaları
Firefox 131'de CSS ::target-text
sözde öğesinin yanı sıra metin parçaları da desteklenir.
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.
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.
MediaStreamTrack.getCapabilities()
yöntemi de dahildir.
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.
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.
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.
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.
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.