Haziran ayında web platformunda yeni kullanıma sunulanlar

Haziran 2022'de kararlı ve beta web tarayıcılarında bulunan bazı ilgi çekici özellikleri keşfedin.

Kararlı tarayıcı sürümleri

Haziran ayında Chrome 103 ve Firefox 102 kararlı hale geldi.

Akışları ve okunabilir bayt akışlarını dönüştürme

Firefox 102, Dönüşüm Akışları desteği içerir. Böylece ReadableStream ile WritableStream arasında bağlantı oluşturularak parçalarda bir dönüşüm yürütülür. Bu özelliğin üç motorda da kullanıma sunulduğunu görmek çok güzel; bu da Akışlar hakkında bilgi edinmek için iyi bir zaman.

Okunabilir bayt akışları artık Firefox 102'de de desteklenmektedir. Böylece, ReadableStreamBYOBReader arayüzüyle BYOB (kendi arabellek okuyucunuzu getirme) okuyucuyu etkinleştirebilirsiniz. Bu, geliştiricinin sağladığı verilerin akışı için kullanılabilir.

Yerel olarak yüklenen yazı tiplerine erişme

Chrome 103, kullanıcının yerel olarak yüklenen yazı tiplerine erişim sağlayan Local Font Access API'yi içerir. Cihazda yüklü yazı tiplerine erişim isteğinde bulunduktan sonra, yüklü yazı tiplerinin yer aldığı bir dizi almak için window.queryLocalFonts() yöntemini çağırın.

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);
}

update medya özelliği

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.

Yeni HTTP durum kodu: 103 erken ipuçları

Chrome 103'te yeni bir durum kodu olan HTTP 103 Erken İpuçları eklendi. Sunucu veya CDN, bir sayfayı yüklemek için belirli bir alt kaynak kümesinin gerekli olduğunu bilirse tarayıcıya, kaynaklara önceden bağlanmasını, hatta kaynakların daha önce yüklenmesini gerektiren sayfa geldiğinde kaynakları önceden yüklemesini önerebilir. Bu özellikten yararlanmak için sunucunuzda veya CDN'nizde güncelleme yapılması gerekir. Erken İpuçları hakkında daha fazla bilgi edinin.

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ında Chrome 104, Firefox 103 ve Safari 16 yeni beta sürümleriydi.

Aralık medya sorguları için yeni söz dizimi

Chrome 104, Medya Sorguları Düzey 4 spesifikasyonundan aralık medya sorguları için yeni söz dizimini içerir. Örneğin, daha önce şu şekilde yazılmış bir medya sorgusu:

@media (min-width: 400px) { … }

Artık şu şekilde yazılabilir:

@media (width >= 400px) { … }

Bölge Yakalama API'sı

Masaüstündeki Chrome 104, Region Capture API'yi de içerir. Bu, çekilen videonun paylaşılmadan önce kırpılmasına ve içeriğinin kaldırılmasına olanak tanır.

Safari 16, tarayıcıya bazı temel özellikler getiriyor

Görünüşe göre Safari ekibi, Safari'nin heyecan verici yeni bir sürümünü daha çıkarmış. Bu sürümde, Birlikte Çalışma 2022'de yer alan birçok özellik eklendi. Yıl ortasında bu kadar çok yeni özelliğin kullanıma sunulduğunu görmek harika. En sevdiğim özelliklerden birkaçını burada açıklıyoruz, ancak daha fazlası için sürüm notlarına göz atabilirsiniz.

Birçok geliştiriciyle birlikte, Kapsayıcı Sorguları için boyut sorgu desteği gördüğüm için gerçekten çok heyecanlıyım. Bu özellik, şu anda Chrome'da bir işaretin arkasında da bulunmaktadır.

Safari 16'da, grid-template-columns ve grid-template-rows için subgrid değeri de desteklenir. Bu özellik Firefox'ta zaten mevcuttur ve Chrome'da geliştirme aşamasındadır ve kılavuz yolu boyutunun iç içe yerleştirilmiş ızgaralar tarafından devralınmasını sağlar.

Izgara düzeninde de ızgara parçalarını canlandırma yeteneği vardır.

Tarih, saat, renk ve dosyalar için tarayıcı seçicinin standart bir şekilde gösterilmesini sağlayan showPicker() yöntemi eklenir. Bu konu hakkında daha fazla bilgiyi tarih, saat, renk ve dosyalar için tarayıcı seçici gösterme bölümünde bulabilirsiniz.

display: contents ile ilgili erişilebilirlik sorunları da giderildi. Bu sayede, erişilebilirlik ağacından öğelerin kaldırılma riski olmadan bu faydalı özellik güvenli bir şekilde kullanılabilir.

Bu beta özellikler yakında kararlı tarayıcılarda kullanıma sunulacaktır.

Web'de yeniler serisinin bir parçası