Kararlı tarayıcı sürümleri #
Martta, krom 99, krom 100, Firefox 98Ve Safari 15.4 kararlı hale geldi. Bu, platforma bir dizi yeni özellik getirdi ve bu eklemelerin çoğu, özelliğin her üç tarayıcı motorunda da kullanılabilir olduğu anlamına geliyordu. Bu gönderide, bize tarayıcılar arası birlikte çalışabilirlik sağlayan eklemelere odaklandım, ancak her bir motora eklenen tüm özellikleri görmek için sürüm notlarına göz atın.
Chrome 99 ve Safari 15.4 dahildir sweatymw2player" rel="noopener">Basamaklı Katmanlar. bu sweatymw2player at-rule, özgüllüğü kontrol etmenize yardımcı olan bir kademeli katman tanımlar. Firefox’a katılıyorlar ve böylece Katmanları Bastırma artık üç tarayıcı motorunda da mevcut. Basamaklı Katmanlar hakkında daha fazla bilgi için bkz. Cascade katmanları tarayıcınıza geliyor.
- Chrome 99, Desteklenir 99
- Firefox 97, Desteklenir 97
- Kenar 99, Desteklenen 99
- Safari 15.4, Desteklenir 15.4
sweatymw2player#browser_compatibility" rel="noopener">Kaynak
Chrome 100, yeni değerini içerir plus-lighter CSS için mix-blend-modu mülk. Bu değer, piksellerin tümü veya bir alt kümesi aynı değerlere sahip olduğunda iki öğeyi çapraz soldururken kullanışlıdır. Bunun çözdüğü sorun hakkında daha fazla bilgiyi şurada bulabilirsiniz: Herhangi iki DOM öğesini çapraz soldurmak şu anda imkansızdır.
- Chrome 100, Desteklenir 100
- Firefox 99, Desteklenir 99
- Kenar 100, Desteklenen 100
- Safari 9.1, Desteklenir 9.1
Safari 15.4 şunları içerir: contain özelliği, CSS kapsamına izin verir.
Ayrıca Safari 15.4’te accent-colorbazı form kontrollerinde kullanılan vurgu rengi üzerinde kontrol sağlar.
- Chrome 93, Desteklenir 93
- Firefox 92, Desteklenen 92
- Kenar 93, Desteklenen 93
- Safari 15.4, Desteklenir 15.4
Firefox 98 ve Safari 15.4 indi <dialog> bir iletişim kutusunu temsil eden öğe.
Safari 15.4 ayrıca aşağıdakiler için desteği tamamladı: :focus-visible sözde sınıf bu uygulama çalışması bunun üzerine Igalia tarafından yapıldı.
- Chrome 86, Desteklenir 86
- Firefox 85, Desteklenir 85
- Kenar 86, Desteklenen 86
- Safari 15.4, Desteklenir 15.4
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.
Mart ayındaki yeni betalar krom 101Ve Firefox 99.
Chrome 101 beta şunları içerir: hwb renk gösterimi. Bu, rengi tonuna, beyazlığına ve siyahlığına göre belirler. 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 */
}
- Chrome 101, Desteklenir 101
- Firefox 96, Desteklenir 96
- Kenar 101, Desteklenen 101
- Safari 15, Desteklenir 15
Firefox 99 şunları içerir: pdfViewerEnabled Navigator arabiriminin özelliği. Bu özellik, tarayıcının PDF dosyalarının satır içi görüntüsünü destekleyip desteklemediğini gösterir.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
- Chrome 94, Desteklenir 94
- Firefox 99, Desteklenir 99
- Kenar 94, Desteklenen 94
- Safari 16.4, Desteklenir 16.4
Bu beta özellikler yakında kararlı tarayıcılarda kullanıma sunulacaktır.
Kahraman görseli Brandon Zack