Şunları bilmeniz gerekir:
WebTransport, istemci ile sunucu arasında gerçek zamanlı mesaj göndermek için kullanabileceğiniz yeni bir seçenektir.- Bir tarayıcının hangi komut dosyası türlerini desteklediğini görmek için özellik algılamayı kullanabilirsiniz.
- Dizileri sondan aramak biraz daha kolay hale gelir.
- Daha fazlası da var.
Yeni Yılınız Kutlu Olsun Ben Pete LePage. Şimdi Chrome 97'deki geliştiriciler için yeni özellikleri birlikte görelim.
Web Aktarımı
Sunucunuz ile sayfa arasında mesaj göndermek için Web Yuvaları veya WebRTC Data Channel API kullanıyorsanız sizin için yeni bir seçenek mevcuttur. WebTransport düşük gecikmeli, çift yönlü, istemci-sunucu mesajlaşma olanağı sunan yeni bir API'dir.
WebSockets'ten daha düşük gecikmeye sahiptir ve eşler arası mesajlaşma için tasarlanmış RTC Data Channel API'nin aksine Web Transport API, istemci-sunucu mesajlaşması için özel olarak tasarlanmıştır.
Akış API'leri ile güvenilir şekilde ve datagram API'leriyle veri göndermeyi destekler. Web çalışanları için desteklenir. Ayrıca, Akışlar ile uyumlu bir arayüz sunduğu için, karşı basınçla ilgili optimizasyonları destekler.
Bunu kullanmak için HTTP/3'ü destekleyen bir sunucuya ihtiyacınız vardır. Bu, genellikle WebRTC sunucusu kurmak ve bakımını yapmaktan daha kolaydır. Yeni bir WebTransport örneği açın, bağlanmasını bekleyin ve 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);
Tüm ayrıntılar için web.dev adresindeki WebTransport ile denemeler başlıklı makaleye göz atın.
Komut dosyası türü özellik algılama
Günümüzde tarayıcıda JavaScript modüllerinin desteklendiğini algılamak için nomodule özelliğini kullanabiliyoruz. Ancak ardışık düzende haritaları içe aktarma, spekülasyon kuralları ve paket önceden yükleme gibi birkaç yeni özellik teklifi bulunuyor. Tarayıcının neleri desteklediğini bilmemiz gerekir.
HTMLScriptElement.supports() değerini girin. Kullanabileceğiniz komut dosyası türlerini belirlemek için bunu kullanabilir ve tarayıcıya en iyi seçeneği gönderebilirsiniz.
if (HTMLScriptElement.supports('importmap')) {
// Use <script type="importmap" ...>
} else if (HTMLScriptElement.supports('module')) {
// Use <script type="module" ...>
} else {
// Use classic method...
}
Yeni dizi prototipleri
JavaScript'in kolaylaşması hoşuma gidiyor. Array ve TypedArray artık findLast() ve findLastIndex() statik yöntemlerini destekliyor.
Bu işlevler etkin bir şekilde find() ve findIndex() ile aynıdır, ancak arama başlangıcı yerine bir dizinin sonundan arama yapar.
Örneğin, ondan büyük bir dizideki son sayıyı bulmak için değerin 10'dan büyük olup olmadığını kontrol eden bir test işleviyle findLast() yöntemini çağırın ve kullanmaya hazırsınız.
const array1 = [5, 12, 8, 130, 44, 3, 6];
function greaterThanTen(val) {
return val > 10;
}
const last = array1.findLast(greaterThanTen);
// 44
const lIdx = array1.findLastIndex(greaterThanTen);
// 4
UA dizesinde Chrome 100 emülasyonu
Sadece birkaç ay içinde üç haneli bir sürüm numarası olan Chrome 100'ü kullanıma sunacağız. Sürüm numaralarını kontrol eden veya UA dizesini ayrıştıran tüm kodlar, üç basamağı işlediğinden emin olmak için kontrol edilmelidir.
Mevcut sürüm numarasını 100 olarak değiştirecek #force-major-version-to-100 adında bir işaret vardır. Bu sayede her şeyin beklendiği gibi çalıştığından emin olabilirsiniz.
Diğer ölçütler
Elbette dahası var.
Form girişlerindeki yeni satırlar artık Gecko ve WebKit ile aynı şekilde normalleştiriliyor ve böylece tarayıcılar arasındaki birlikte çalışabilirliği iyileştiriyor.
İstemci ipucu adlarını, önüne sec-ch ekleyerek standart hâle getiriyoruz.
Örneğin dpr, sec-ch-dpr olur. Bu ipuçlarının mevcut sürümlerini desteklemeye devam edeceğiz ancak nihai olarak kullanımdan kaldırma ve kaldırılmalarını planlamanız gerekir.
Kapalı <details> öğeleri artık aranabilir ve bağlanabilir. Bu gizli öğeler, sayfada bul özelliği, ScrollToTextFragment ve öğe parçası gezinmesi kullanıldığında otomatik olarak genişler.
Daha fazla bilgi
Burada, öne çıkan özelliklerin yalnızca bir kısmı ele alınıyor. Chrome 97'deki ek değişiklikler için aşağıdaki bağlantıları kontrol edin.
- Chrome Geliştirici Araçları'ndaki yenilikler (97)
- Chrome 97 için kullanımdan kaldırma ve kaldırma işlemleri
- Chrome 97 için ChromeStatus.com güncellemeleri
- Chrome 97'de JavaScript'teki yenilikler
- Chromium kaynak deposu değişiklik listesi
- Chrome sürüm takvimi
Abone ol
Gelişmelerden haberdar olmak için Chrome Developers YouTube kanalına abone olun. Yeni bir video sunduğumuzda e-posta bildirimi alırsınız.
Ben Pete LePage. Chrome 98 yayınlanır yayınlanmaz, size Chrome'daki yenilikleri anlatmak için burada olacağım!