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

Mayıs 2022'de kararlı ve beta web tarayıcılarına eklenen ilginç özelliklerden bazılarını 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 için hidden=until-found ile daraltılmış içeriği erişilebilir hâle getirme 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 standartlaştıran bir API olan Navigation API'yi kullanıma sunar. Bu API daha önce App History API olarak adlandırılıyordu.

Tarayıcı desteği

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

Kaynak

Firefox 101, oluşturulabilir stil sayfalarını destekler. CSSStyleSheet() kurucusu, replace() ve replaceSync() yöntemleri desteklenir. 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. Bu sürüm dünya genelinde kullanıma sunulmadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmek için mükemmel bir zamandır.

Nisan ayındaki yeni beta sürümler Chrome 103 ve Firefox 102 idi.

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-ink 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 gönderinin önceki bir sürümünde, bu sürümde kullanıma sunulmayan Element.isVisible() yönteminden bahsediliyordu.

Web'de yeni olanlar serisi kapsamında