Şunları bilmeniz gerekir:
WebTransport, istemci ile sunucu arasında gerçek zamanlı mesaj göndermek için yeni bir seçenektir.- Bir tarayıcının desteklediği komut dosyası türlerini görmek için özellik algılama'yı kullanabilirsiniz.
- Dizileri sonundan aramak biraz daha kolay hale gelir.
- Bunun gibi çok daha fazla özellik var.
Yeni Yılınız kutlu olsun! Adım Pete LePage. Chrome 97'deki geliştiricilere yönelik yenilikleri inceleyelim.
Web Taşıma
Sunucunuz ile sayfa arasında ileti göndermek için Web Sockets veya WebRTC Data Channel API kullanıyorsanız yeni bir seçeneği kullanabilirsiniz. WebTransport
düşük gecikmeli, iki yönlü, istemci-sunucu mesajlaşması sunan yeni bir API'dir.
WebSocket'lere kıyasla daha düşük gecikmeye sahiptir ve eşler arası mesajlaşma için tasarlanmış RTC Veri Kanalı API'sinden farklı olarak Web Aktarım API'si özellikle istemci-sunucu mesajlaşma için tasarlanmıştır.
Akış API'leriyle güvenilir bir şekilde, veri paketi API'leriyle ise güvenilir olmayan bir şekilde veri göndermeyi destekler. Web işçilerinde desteklenir. Ayrıca, Streams uyumlu bir arayüz sunduğundan geri basınçla ilgili optimizasyonları destekler.
Bunu kullanmak için HTTP/3'ü destekleyen bir sunucuya ihtiyacınız vardır. Bu, genellikle bir WebRTC sunucusu oluşturmaktan ve yönetmekten daha kolaydır. Yeni bir WebTransport örneği açın, bağlanmasını bekleyin ve veri göndermeye başlayın.
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);
Ayrıntılı bilgi için web.dev'deki WebTransport ile deneme yapma başlıklı makaleyi inceleyin.
Komut dosyası türü özelliği algılama
Bugün, tarayıcıda JavaScript modülleri için desteği algılamak üzere nomodule özelliğini kullanabiliriz. Ancak harita içe aktarma, spekülasyon kuralları ve paket ön yükleme gibi birkaç yeni özellik önerisi de yolda. Bir tarayıcının neleri desteklediğini bilmemiz gerekir.
HTMLScriptElement.supports() komutunu girin. Hangi komut dosyası türlerini kullanabileceğinizi belirlemek ve tarayıcıya en iyi seçeneği göndermek için bu özelliği kullanabilirsiniz.
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 daha kolay hale gelmesini seviyorum. Array ve TypedArray artık findLast() ve findLastIndex() statik yöntemlerini destekliyor.
Bu işlevler find() ve findIndex() ile etkili bir şekilde aynıdır ancak arama, dizinin başlangıcı yerine sonundan yapılır.
Örneğin, bir dizideki ondan büyük son sayıyı bulmak için findLast() işlevini, değerin ondan büyük olup olmadığını kontrol eden bir test işleviyle çağırmanız yeterlidir.
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'ü taklit etme
Birkaç ay içinde üç haneli sürüm numarası olan Chrome 100'e ulaşacağız. Sürüm numaralarını kontrol eden veya UA dizesini ayrıştıran tüm kodlar, üç basamaklı olduğundan emin olmak için kontrol edilmelidir.
#force-major-version-to-100 adında, mevcut sürüm numarasını 100 olarak değiştiren bir işaret bulunur. Böylece her şeyin beklendiği gibi çalıştığından emin olabilirsiniz.
Diğer özellikler
Elbette daha birçok özellik var.
Form girişlerindeki yeni satırlar artık Gecko ve WebKit ile aynı şekilde normalleştiriliyor. Bu sayede tarayıcılar arasındaki birlikte çalışabilirlik artıyor.
Müşteri ipucu adlarının başına sec-ch ekleyerek bu adları standart hale getiriyoruz.
Örneğin, dpr sec-ch-dpr olur. Bu ipuçlarının mevcut sürümlerini desteklemeye devam edeceğiz ancak bunların kullanımdan kaldırılması ve kaldırılması için hazırlıklı olmalısınız.
Kapalı <details> öğeleri artık aranabilir ve bunlara bağlanabilir. Bu gizli öğeler, ScrollToTextFragment sayfasında bulunan öğeler ve öğe parçası gezinmesi kullanıldığında otomatik olarak genişler.
Daha fazla bilgi
Bu, önemli noktalardan yalnızca bazılarını kapsar. Chrome 97'deki diğer değişiklikler için aşağıdaki bağlantılara göz atın.
- Chrome Geliştirici Araçları'ndaki yenilikler (97)
- Chrome 97'de desteği sonlandırılan ve kaldırılan özellikler
- ChromeStatus.com'da Chrome 97 güncellemeleri
- Chrome 97'deki JavaScript'de 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 yayınladığımızda e-posta bildirimi alırsınız.
Adım Pete LePage. Chrome 98 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.