Mayıs 2022'de kararlı ve beta web tarayıcılarında bulunan bazı ilgi çekici özellikleri keşfedin.
Kararlı tarayıcı sürümleri
Mayıs ayında Chrome 102, Safari 15.5, Firefox 100 ve Firefox 101 kararlı hale geldi.
Chrome 102 ve Safari 15.5'te inert
özelliği bulunur. Bu, etkileşimli olmayan öğeleri sekme sırası ve erişilebilirlik ağacından kaldırır. Örneğin, şu anda ekran dışında olan veya gizli olan bir öğe.
Chrome 102, HTML hidden
özelliği için yeni until-found
değerini içeriyor. Bu, akordeon deseninde bulabileceğiniz gibi sayfada bul özelliğini ve sayfanın daraltılmış bir alanındaki metin üzerinde kaydırmayı etkinleştirir. Daha fazla bilgi edinmek için Making daraltılmış içeriği erişilebilir with secret=until-found (gizli=gizli=until-bulunan) yazısını inceleyebilirsiniz.
Chrome 102'de, tek sayfalık uygulamalarda istemci taraflı yönlendirmeyi standart hale getiren bir API olan Gezinme API'si kullanıma sunulmuştur. Bu API, daha önce App History API olarak adlandırılıyordu.
Firefox 101, yapılandırılabilir stil sayfalarını destekler. Destek, CSSStyleSheet()
oluşturucu ile replace()
ve replaceSync()
yöntemlerini içerir. Yapılandırılabilir 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şturulmuş, replaceSync()
yöntemiyle bir CSS kuralı eklenmiştir ve elde edilen kural konsola yazdırılmaktadı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 bulunduğundan bu özellik tüm tarayıcılarda 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 olacak öğelerin önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı.
Nisan ayındaki yeni beta sürümleri Chrome 103 ve Firefox 102'dir.
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çerik güncellenemez. Örneğin, yazdırılmış bir doküman.
slow
- Cihaz içeriği güncelleyebilir, ancak yumuşak animasyon göstermek için çok yavaş. Örneğin, E-mürekkep ekranları.
fast
- İçerik dinamik bir şekilde ve animasyonlar oluşturulabilecek kadar hızlı bir şekilde değişebilir. Örneğin, bilgisayar veya telefon ekranı.
Chrome 103, kullanıcının yerel olarak yüklenen yazı tiplerine erişim sağlayan Local Font Access API'yi içerir.
Bu beta özellikler yakında kararlı tarayıcılarda kullanıma sunulacaktır.
Düzenle: Bu yayının önceki bir sürümünde, bu sürümde gönderim yapmayan Element.isVisible()
yönteminden bahsediliyordu.
Web'de yeniler serisinin bir parçası