Ocak ayında web platformundaki yenilikler

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

Yayınlanma tarihi: 29 Ocak 2025

Kararlı tarayıcı sürümleri

Ocak 2025'te Firefox 134, Safari 18.3 ve Chrome 132 kararlı sürüm olarak kullanıma sunuldu. Bu yayında, web platformuna eklenen yeni özellikler ele alınmaktadır.

Promise.try artık temel sürümdür Yeni kullanıma sunuldu

Promise.try, senkron geri çağırma işlevleri için hata yönetimini kolaylaştıran bir kolaylık yöntemidir. Firefox 134'ten itibaren kullanılabilir. Bu nedenle, temel sürüm olarak kabul edilir. Promise.try artık Temel sürüm olarak kullanıma sunuldu başlıklı makalede daha fazla bilgi edinin.

Mutlak konumlandırılmış öğeler için CSS hizalama özellikleri

Ayrıca Firefox 134'te, align-self ve justify-self CSS özellikleri ile place-self CSS kısaltması özelliği artık mutlak konumlandırılmış öğeler için desteklenmektedir.

Browser Support

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

CSS yatay yazma modları

Chrome 132'de writing-mode CSS özelliği için sideways-rl ve sideways-lr anahtar kelimeleri desteği eklendi. sideways-rl ve sideways-lr, tasarım amacıyla dikey metin görüntülemek istediğinizde CJK olmayan metinleri dikey olarak yazmak için yararlıdır.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: not supported.

Popover için mobil destekte yapılan düzeltmeler

Safari 18.3, çeşitli birlikte çalışabilirlik sorunlarını gideren bir sürümdür. Pop-up için bir düzeltme, önemli sorunlardan biridir. Önceden, iOS ve iPadOS'te pop-up'ın dışına dokunmak veya tıklamak pop-up'ı kapatmıyordu. Bu sorun düzeltildi.

Request.bytes() ve Response.bytes(), referans değerdir. Yakın zamanda kullanıma sunuldu

Chrome 132, Fetch'in Request ve Response arayüzlerine bir bytes() yöntemi ekler. Bu yöntem, Uint8Array ile çözülen bir promise döndürür. Request ve Response'te arrayBuffer() yöntemi olsa da doğrudan arabellekten okuyamazsınız. Okuma için Uint8Array gibi bir görünüm oluşturmanız gerekir. bytes() yöntemi, Request ve Response'nin gövdesini alma işleminin ergonomisini iyileştirir.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 128.
  • Safari: 18.

Source

Device Posture API

Chrome 132, katlanabilir ekranlar için tasarım yaparken yardımcı olmak üzere tasarlanmış Device Posture API'yi içerir. Bu uygulama, cihazın mevcut duruşunu algılamak için kullanılabilecek yeni bir device-posture CSS medya özelliği içerir. Ayrıca, duruştaki değişiklikleri algılayıp bunlara tepki vermek için bir JavaScript arayüzü de içerir. Duruşlar şu şekilde tanımlanır:

  • continuous: Düz ekranı gösterir. Bu, katlanabilir cihazın düz olarak kullanıldığı durumlar ve düz ya da kavisli ekranları kapsayabilir.
  • folded: Katlanmış ekranı gösterir. Bu, kitap veya dizüstü bilgisayar modunda kullanılan katlanabilir cihazları içerebilir.

Browser Support

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

WebAuthn Signal API

Chrome 132, WebAuthn güvenilir taraflarının mevcut kimlik bilgileriyle ilgili bilgileri kimlik bilgisi depolama sağlayıcılarına geri göndermesine olanak tanıyan WebAuthn Signal API'yi de içerir. Böylece yanlış veya iptal edilmiş kimlik bilgileri sağlayıcıdan ve sistem kullanıcı arayüzünden güncellenebilir ya da kaldırılabilir.

Chrome masaüstü sürümünde geçiş anahtarları için Signal API hakkında daha fazla bilgi edinin.

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 135 ve Chrome 133'tür. 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.

Chrome 133, CSS için heyecan verici bir sürümdür. Gelişmiş attr() işlevi, kaydırma durumu kapsayıcı sorguları ve CSS text-box, text-box-trim ve text-box-edge bu sürümde yer alıyor.

Chrome 133, FileSystemObserver arayüzünü ve öğenin durumunu sıfırlamadan öğeleri bir DOM ağacında taşımanıza olanak tanıyan bir DOM ilkelini (Node.prototype.moveBefore) de içerir.

Firefox 135, büyük kayan nokta ve tarih değerleri gibi değerleri JavaScript değerleri ile JSON metni arasında dönüştürürken hassasiyet kaybıyla ilgili sorunları azaltmak için özellikler sunmayı amaçlayan kaynakla JSON ayrıştırma önerisini içerir.