Mart 2022'de kararlı ve beta web tarayıcılarına eklenen ilginç özelliklerden bazılarını keşfedin.
Kararlı tarayıcı sürümleri
Mart ayında Chrome 99, Chrome 100, Firefox 98 ve Safari 15.4 kararlı sürüm olarak kullanıma sunuldu. Bu sayede platforma bir dizi yeni özellik eklendi. Bu eklemelerin çoğu, özelliğin üç tarayıcı motorunda da kullanıma sunulması anlamına geliyordu. Bu yayında, tarayıcılar arası birlikte çalışabilirlik sağlayan eklemelere odaklandım. Ancak her motora eklenen tüm özellikleri görmek için sürüm notlarına göz atın.
Chrome 99 ve Safari 15.4, Cascade Layers'ı içeriyordu. @layer
at-kuralı, belirliliği kontrol etmenize yardımcı olan bir basamaklı katman tanımlar. Bu tarayıcılar Firefox'a katıldığından, Cascade Layers artık üç tarayıcı motorunun hepsinde kullanılabilir. Basamaklı katmanlar tarayıcınıza ekleniyor bölümünde Katmanları Basamakla hakkında daha fazla bilgi edinebilirsiniz.
Chrome 100, CSS mix-blend-mode mülkü için plus-lighter
değerini içerir. Bu değer, tüm pikseller veya bir alt kümesi aynı değerlere sahip olduğunda iki öğenin çapraz şekilde soldurulmasında yararlıdır. Bu çözümün çözdüğü sorun hakkında daha fazla bilgiyi İki DOM öğesinin geçişli şekilde örtüşmesi şu anda mümkün değildir başlıklı makalede bulabilirsiniz.
Tarayıcı desteği
Safari 15.4, CSS'nin dahil edilmesine olanak tanıyan contain
özelliğini içerir.
Safari 15.4'te ayrıca, bazı form kontrollerinde kullanılan vurgu rengini kontrol etme olanağı sunan accent-color
de bulunur.
Firefox 98 ve Safari 15.4, iletişim kutusunu temsil eden <dialog>
öğesini kullanıma sundu.
Safari 15.4, gerçek :focus-visible
sınıfı desteğini de tamamladı. Bu konudaki uygulama çalışmaları Igalia tarafından yapılmıştır.
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.
Mart ayında Chrome 101 ve Firefox 99 yeni beta sürümleriydi.
Chrome 101 beta hwb renk gösterimini içerir. Bu renk tonuna, beyazlığına ve siyahlığına göre rengi belirtir. Diğer renk gösterimlerinde olduğu gibi, isteğe bağlı bir alfa bileşeni opaklığı belirtir.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox 99, Navigator arayüzünün pdfViewerEnabled
mülkünü içerir. Bu özellik, tarayıcının PDF dosyalarının satır içi görüntülenmesini destekleyip desteklemediğini belirtir.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Bu beta özellikler yakında kararlı tarayıcılarda kullanıma sunulacaktır.
Web'de yeni olanlar serisi kapsamında