Mayıs 2022'de kararlı ve beta web tarayıcılarına eklenen ilginç özelliklerden bazılarını keşfedin.
Kararlı tarayıcı sürümleri
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.
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.
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.
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);
Firefox 101'de prefers-contrast
medya özelliği de bulunur. Bu özellik, tarayıcı genelinde kullanılabilir.
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ı.
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