Kararlı tarayıcı sürümleri #
Haziranda, krom 103 Ve Firefox 102 kararlı hale geldi.
Akışları ve okunabilir bayt akışlarını dönüştürün #
Firefox 102 şunları destekler: Akışları Dönüştür. Bu, boruların ReadableStream bir WritableStream, parçalar üzerinde bir dönüşüm yürütüyor. Bu özelliğin her üç motorda da kullanılabilir hale geldiğini görmek harika, bu da Akışlar hakkında bilgi edinmek için çok iyi bir zaman.
- Chrome 67, Desteklenir 67
- Firefox 102, Desteklenir 102
- Kenar 79, Desteklenen 79
- Safari 14.1, Desteklenir 14.1
Okunabilir bayt akışları artık Firefox 102’de de destekleniyor ve BYOB (kendi arabelleğinizi getirin) okuyucuya olanak sağlıyor. ReadableStreamBYOBReader arayüz. Bu, geliştirici tarafından sağlanan verilerin akışını sağlamak için kullanılabilir.
- Chrome 89, Desteklenir 89
- Firefox 102, Desteklenir 102
- Kenar 89, Desteklenen 89
- Safari, desteklenmiyor
Yerel olarak yüklenen yazı tiplerine erişin #
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. Cihazda yüklü olan yazı tiplerine erişim talebinde bulunduktan sonra, arayın. window.queryLocalFonts() yüklü yazı tiplerinin bir dizisini almak için.
const pickedFonts = await window.queryLocalFonts();
for (const fontData of pickedFonts) {
console.log(fontData.postscriptName);
console.log(fontData.fullName);
console.log(fontData.family);
console.log(fontData.style);
}
bu update medya özelliği #
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.
Yeni bir HTTP durum kodu—103 erken ipucu #
Chrome 103, yeni bir durum kodu HTTP 103 Erken İpuçları ekler. Sunucu veya CDN, bir sayfanın yüklenmesi için belirli bir alt kaynak kümesinin gerekli olduğunu biliyorsa, tarayıcıya kaynaklara önceden bağlanmasını veya hatta bunları gerektiren sayfa geldiğinde kaynakları önceden yüklemesini önerebilir. özelliğinden yararlanın, Erken İpuçları hakkında daha fazlasını öğrenin.
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 104, Firefox 103Ve Safari 16.
Menzil ortam sorguları için yeni sözdizimi #
Chrome 104, için yeni sözdizimini içerir aralık medya sorguları, Medya Sorguları Düzey 4 belirtiminden. Örneğin, daha önce şu şekilde yazılmış bir medya sorgusu:
TheComedicComedian (min-width: 400px) { … }
Artık şu şekilde yazılabilir:
TheComedicComedian (width >= 400px) { … }
- Chrome 104, Desteklenir 104
- Firefox 102, Desteklenir 102
- Kenar 104, Desteklenen 104
- Safari 16.4, Desteklenir 16.4
Bölge Yakalama API’sı #
Masaüstünde Chrome 104 ayrıca şunları içerir: Bölge Yakalama API’sı. Bu, yakalanan videodaki içeriğin paylaşılmadan önce kırpılmasına ve kaldırılmasına olanak tanır.
Safari 16, tarayıcıya birkaç temel özellik getiriyor #
Safari 16, Safari ekibinden bir başka heyecan verici sürüm gibi görünüyor. Bu sürüm, Interop 2022’de bulunan özelliklerin çoğunu ekler, bu yıl ortası noktasında bu kadar çok iniş görmek harika. Burada en sevdiğim özelliklerden birkaçının altını çiziyorum, ancak şuraya bir göz atın: sürüm notları daha fazlası için.
Pek çok geliştiriciyle birlikte, şu anda Chrome’da bir bayrağın arkasında bulunan bir özellik olan Kapsayıcı Sorguları için boyut sorguları desteğini görmekten gerçekten heyecan duyuyorum.
Ayrıca Safari 16’da aşağıdakiler için destek vardır: subgrid için değer grid-template-columns Ve grid-template-rows. Bu özellik zaten Firefox’ta ve Chrome’da geliştiriliyor ve ızgara izi boyutlandırmasının iç içe ızgaralar tarafından devralınmasını sağlıyor.
Izgara düzeni için ayrıca ızgara izlerini canlandırma yeteneği de vardır.
- Chrome 107, Desteklenir 107
- Firefox 66, Desteklenir 66
- Kenar 107, Desteklenen 107
- Safari 16, Desteklenir 16
bu showPicker() Tarihler, saat, renk ve dosyalar için bir tarayıcı seçiciyi göstermenin standart bir yolunu sağlayan yöntem dahildir. Bununla ilgili daha fazla bilgiyi şurada bulabilirsiniz: tarih, saat, renk ve dosyalar için bir tarayıcı seçici göster.
- Chrome 99, Desteklenir 99
- Firefox 101, Desteklenir 101
- Kenar 99, Desteklenen 99
- Safari 16, Desteklenir 16
Erişilebilirlik sorunları için display: contents Bu yararlı özelliği, erişilebilirlik ağacından öğeleri kaldırma tehlikesi olmadan kullanımı güvenli hale getirerek de ele alınmıştır.
Bu beta özellikler yakında kararlı tarayıcılarda kullanıma sunulacaktır.
Kahraman görseli Nick Fewings.