Geliştiriciler İçin Yenilenen Chrome 97!

Hepimizin internete girerken tercih ettiği Google Chrome, değişmeye ve gelişmeye devam ediyor. Yaklaşık olarak 3.2 milyar kullanıcıya sahip olan bu popüler tarayıcı, Ocak ayının başında 97. sürümünü kullanıcılarına sundu.

Chrome’un bu yeni güncellemesi, ağırlıkla web geliştiricileri mutlu edecek özellikler içeriyor. Ayrıca gizliliğine önem veren kullanıcıları da unutmayarak; bazı gizlilik ve güvenlik iyileştirmelerine de yer veriyor. Gelin bu özellikleri sizlerle birlikte inceleyelim!

WebTransport

Bu yeni API, kullanıcı ve server arasında çift yönlü, gecikme zamanı az olacak şekilde gerçek zamanlı iletişim imkanı sağlıyor. WebTransport verinizi datagram API’ları aracılığı ile hızlı fakat çok güvenilir olmayan, sırasız bir şekilde aktarma ya da stream API’ları ile güvenilir ve sıralı bir şekilde aktarma seçenekleri sunuyor.

Nasıl kullanabilirsiniz?

Ufak seneryolar ile datagram ve stream iletimini nasıl etkili kullanabilirsiniz örnekleyelim:

• Datagramları, “User Datagram Protocol (UDP)” mesajları gibi düşünebilirsiniz fakat UDP’nin aksine gönderilen mesajlar sıkıştırılmış ve şifrelenmiş olarak iletilir. Örneğin bir oyun “state”ini kısıtlı bir zaman aralığında server’a göndermeniz gerekiyor ise, datagram API’ları bu iş için uygun bir seçenek olur.
• Server’dan gelen medya streamlerini sıralı bir şekilde almak için stream API’ını kullanabilirsiniz.
• Siteniz tarayıcıda açıkken server tarafından gönderilecek bildirimleri almak için kullanabilirsiniz.

Kullanmak için, HTTP/3 destekleyen bir server ihtiyacjnız var. Yeni bir WebTransport instance’ı yRtın ve bağlanmasını bekleyin, ardından veri göndermeye başlayabilirsiniz.

const url = 'https://example.com:4999/foo/bar';
const transport = new WebTransport(url);
await transport.ready;

const writer = transport.datagrams.writable.getWriter();
const data1 = new Uint8Array([65, 66, 67]);
writer.write(data1);

Script Tipi Özellik Tespiti

Nomodule özelliği sayesinde, tarayıcının desteklediği JavaScript modüllerinin tespiti yapılabiliyor. Bunun üzerine bu yeni güncellemede pipeline, harita importu, spekülasyon kuralları ve bundle’ları önceden yüklemek gibi bazı özellikler de eklendi.

Nasıl kullanabilirsiniz?

HTMLScriptElement.supports() fonksiyonunu kullanarak hangi tip scriptler kullanabileceğinizi tespit edip ve tarayıcıya en uygun seçeneği gönderebilirsiniz.

if (HTMLScriptElement.supports('importmap')) {
  // <script type="importmap" ...> kullanin.
} else if (HTMLScriptElement.supports('module')) {
  // <script type="module" ...>
 kullanin.
} else {
  // Klasik metot...
}

Yeni Array Prototipleri

JavaScript’i biraz daha kolaylaştıran bu özellik, Array ve TypedArray‘lerin findLast() fonksiyonunu desteklemesini sağlıyor. Bu fonksiyon, çalışma mantığı olarak find() ve findIndex() fonksiyonlarıyla neredeyse aynı. Tek farkı, find() ve findIndex() fonksiyonları değeri aramaya array’in başından başlarken, findLast() sondan başlıyor.

Örneğin, array’in içindeki 10’dan büyük son sayıyı bulmak istiyorsunuz. Bunun için finLast() fonksiyonunu kullanmanız hem daha kolay olacaktır, hem de sonucu daha hızlı bulmanıza yarayacaktır.

const array1 = [5, 12, 8, 130, 44, 3, 6];

function ondanBuyuk(deger) {
  return deger > 10;
}

const sonDeger = array1.findLast(ondanBuyuk);
// 44

const lIdx = array1.findLastIndex(ondanBuyuk);
// 4

Ve Daha Fazlası!

Bu yazımızda Google Chrome 97 hakkında paylaşacaklarımız şimdilik bu kadardı, görüşmek üzere!