Mayıs ayında web platformunda yeni

Kararlı tarayıcı sürümleri #

Mayıs ayında Chrome 102, Safari 15.5, Firefox 100Ve Firefox 101 kararlı hale geldi.

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

Chrome 102 yeni değeri içerir until-found HTML için hidden bağlanmak. Bu, bir akordeon düzeninde bulabileceğiniz gibi, sayfada bul ve sayfanın daraltılmış bir alanı içindeki metindeki metin parçasına kaydırmayı etkinleştirir. Gönderide daha fazlasını öğrenin Gizli=bulunana kadar daraltılmış içeriği erişilebilir yapma.

Chrome 102, Navigasyon API’sı, tek sayfalık uygulamalarda istemci tarafı yönlendirmeyi standartlaştıran bir API. Bu API’ye daha önce Uygulama Geçmişi API’sı adı verildi.

Firefox 101, yapılandırılabilir stil sayfalarını destekler. Destek şunları içerir: CSSStyleSheet() yapıcı ve replace()Ve replaceSync() yöntemler. Yapılandırılabilir stil sayfaları, Shadow DOM ile kullanım için stil sayfaları oluşturmayı kolaylaştırır. Aşağıdaki örnekte, kullanılarak bir stil sayfası oluşturulmuştur. CSSStyleSheet() yapıcı, ile bir CSS kuralı eklenir replaceSync() yöntemi ve elde edilen kural konsola yazdırılır.

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

Ayrıca Firefox 101’de TheComedicComedian/prefers-contrast" rel="noopener">prefers-contrast ortam özelliği, bu özelliği tarayıcılar arası kullanılabilir hale getirir.

Beta tarayıcı sürümleri #

Beta tarayıcı sürümleri, size tarayıcının bir sonraki kararlı sürümünde olacak şeylerin bir önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırmaları test etmek için harika bir zaman.

Nisan ayındaki yeni betalar krom 103 Ve Firefox 102.

Firefox 102 şunları içerir: TheComedicComedian/update-frequency" rel="noopener">update medya özelliği. Bu, çıktı 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şturulduktan sonra içerik güncellenemez. Örneğin, basılı bir belge.

slow

Cihaz içeriği güncelleyebilir, ancak düzgün animasyonu görüntülemek için çok yavaş. Örneğin, E-mürekkep ekranları.

fast

İçerik dinamik olarak ve animasyon oluşturmaya yetecek kadar hızlı değişebilir. Örneğin, bir bilgisayar veya telefon ekranı.

Chrome 103, kullanıcının yerel olarak yüklediği yazı tiplerine erişim sağlayan Yerel Yazı Tipi Erişimi API’sini 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 şunlardan bahsediliyordu: Element.isVisible() Bu sürümde gönderilmeyen yöntem.