Mayıs ayında web platformunda yeni kullanıma sunulanlar

Mayıs 2022'de kararlı ve beta web tarayıcılarına eklenen bazı ilginç özellikleri keşfedin.

Rachel Andrew

Kararlı tarayıcı sürümleri

Mayıs ayında Chrome 102, Safari 15.5, Firefox 100 ve Firefox 101 kararlı sürüme geçti.

Chrome 102 ve Safari 15.5, inert özelliğini içerir. Bu, etkileşimli olmayan öğeleri sekme sırasından ve erişilebilirlik ağacından kaldırır. Örneğin, şu anda ekran dışında olan veya gizli bir öğe.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Source

Chrome 102, HTML hidden özelliği için yeni until-found değerini içerir. Bu özellik, sayfanın daraltılmış bir alanındaki metinde (ör. akordeon düzeninde) sayfa içi arama ve metin parçasına kaydırma işlemlerini etkinleştirir. Daha fazla bilgiyi Making collapsed content accessible with hidden=until-found (Gizli=bulunana-kadar özelliğiyle daraltılmış içeriğe erişimi sağlama) başlıklı yayında bulabilirsiniz.

Chrome 102, tek sayfalık uygulamalarda istemci tarafı yönlendirmeyi standartlaştıran bir API olan Navigation API'yi kullanıma sunuyor. Bu API'nin önceki adı Uygulama Geçmişi API'siydi.

Browser Support

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

Source

Firefox 101, oluşturulabilir stil sayfalarını destekler. Destek; CSSStyleSheet() oluşturucuyu, replace() ve replaceSync() yöntemlerini içerir. Oluşturulabilir stil sayfaları, gölge DOM ile kullanılacak stil sayfaları oluşturmayı kolaylaştırır. Aşağıdaki örnekte, CSSStyleSheet() oluşturucusu kullanılarak bir stil sayfası oluşturulur, replaceSync() yöntemiyle bir CSS kuralı eklenir ve sonuçtaki kural konsola yazdırılır.

const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);

Browser Support

  • Chrome: 73.
  • Edge: 79.
  • Firefox: 101.
  • Safari: 16.4.

Source

Firefox 101'de prefers-contrast medya özelliği de bulunur. Bu özellik, tarayıcılar arası kullanılabilir.

Browser Support

  • Chrome: 96.
  • Edge: 96.
  • Firefox: 101.
  • Safari: 14.1.

Source

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 bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırmaları test etmek için harika bir zamandır.

Nisan ayındaki yeni beta sürümleri Chrome 103 ve Firefox 102 oldu.

Firefox 102, update medya özelliğini içerir. Bu, çıkış cihazının oluşturulduktan sonra içeriğin görünümünü değiştirip değiştiremeyeceğini sorgulamak için kullanılır. Aşağıdaki değerleri kabul eder:

none
İçerik oluşturulduktan sonra güncellenemez. Örneğin, yazdırılmış bir belge.
slow
Cihaz, içeriği güncelleyebilir ancak sorunsuz animasyon gösterecek kadar hızlı değil. Örneğin, E-ink ekranlar.
fast
İçerik, animasyonları oluşturacak kadar hızlı ve dinamik olarak değişebilir. Örneğin, bilgisayar veya telefon ekranı.

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 102.
  • Safari: 17.

Source

Chrome 103, kullanıcının yerel olarak yüklediği yazı tiplerine erişime izin veren Local Font Access API'yi içerir.

Bu beta özellikleri yakında kararlı tarayıcılarda kullanıma sunulacak.

Düzenleme: Bu yayının önceki bir sürümünde, bu sürümde kullanıma sunulmayan Element.isVisible() yönteminden bahsediliyordu.

Web'de yeni serisinin bir parçası