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

Mayıs 2022'de mevcut ürün ve beta web tarayıcılarında kullanıma sunulan bazı ilgi çekici özellikleri keşfedin.

Mayıs ayında Chrome 102, Safari 15.5, Firefox 100 ve Firefox 101 kararlı sürüm olarak kullanıma sunuldu.

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

Tarayıcı desteği

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

Kaynak

Chrome 102, HTML hidden özelliği için yeni until-found değerini içerir. Bu sayede, akordeon düzeninde bulabileceğiniz gibi sayfanın daraltılmış bir alanındaki metinde sayfa içinde arama yapabilir ve metin parçasına gidebilirsiniz. Daha fazla bilgi edinmek için daraltılmış içeriği private=until-found ile erişilebilir yapma başlıklı makaleyi inceleyin.

Tarayıcı desteği

  • Chrome: 102.
  • Edge: 102.
  • Firefox: Desteklenmez.
  • Safari: Desteklenmez.

Kaynak

Chrome 102, tek sayfalık uygulamalarda istemci taraflı yönlendirmeyi standart hâle getiren bir API olan Gezinme API'sini sunar. Bu API daha önce Uygulama Geçmişi API'si olarak adlandırılıyordu.

Tarayıcı desteği

  • Chrome: 102.
  • Edge: 102.
  • Firefox: Desteklenmez.
  • Safari: Desteklenmez.

Kaynak

Firefox 101, yapılandırılabilir stil sayfalarını destekler. Destek, CSSStyleSheet() oluşturucunun yanı sıra 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() kurucusu kullanılarak bir stil sayfası oluşturulur, replaceSync() yöntemiyle bir CSS kuralı eklenir ve ortaya çıkan kural konsola yazdırılır.

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

Tarayıcı desteği

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

Kaynak

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

Tarayıcı desteği

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

Kaynak

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 henüz piyasaya sürülmeden sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı.

Nisan'daki yeni beta sürümleri Chrome 103 ve Firefox 102'ydi.

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
Oluşturulan içerikler güncellenemez. Örneğin, basılı bir doküman.
slow
Cihaz içeriği güncelleyebilir ancak animasyon düzgün şekilde gösterilemeyecek kadar yavaştır. Örneğin, e-mürekkep ekranları.
fast
İçerik, animasyon oluşturacak kadar hızlı ve dinamik olarak değişebilir. Örneğin, bilgisayar veya telefon ekranı.

Tarayıcı desteği

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

Kaynak

Chrome 103, kullanıcının yerel olarak yüklü yazı tiplerine erişmesine olanak tanıyan Local Font Access API'yi içerir.

Bu beta özellikler yakında kararlı tarayıcılarda kullanıma sunulacaktır.

Düzenleme: Bu yayının önceki bir sürümünde, bu sürümde gönderim yapılmayan Element.isVisible() yönteminden bahsediliyordu.

Web'de yeni olanlar serisi kapsamında