Chrome 62'deki yenilikler

Ve çok daha fazlası da var!

Adım Pete LePage. Şimdi Chrome 62'deki geliştiricilere yönelik yenilikleri görelim!

Değişikliklerin tam listesini görmek ister misiniz? Chromium kaynak deposu değişiklik listesine göz atın.

Ağ Kalitesi Göstergesi

Network Information API bir süredir Chrome'da bulunuyor ancak kullanıcının bağlantısıyla yalnızca teorik ağ hızları sunuyor. Kablosuz ağa bağlı olduğunuzu, ancak yalnızca 2G hıza sahip bir hücresel hotspot'a bağlandığınızı düşünün. API, kablosuz bağlantı bildirir.

console.log(navigator.connection.type);
> wifi

Chrome 62'de API'nin kapsamı, istemciden gerçek ağ performansı metrikleri sağlayacak şekilde genişletildi. Bu ağ kalitesi sinyallerini kullanarak içeriği ağa uygun hale getirebilirsiniz. Örneğin, çok yavaş bağlantılarda, daha düşük bir sürüm sunarak sayfa yükleme performansını artırabilirsiniz.

API, uygulama mantığınızı basitleştirmek için, ölçülen ağ performansını hücresel bağlantıyla karşılaştırıldığında döndürür. Örneğin, süper hızlı bir fiber bağlantıya bağlı olarak API, 4G değerini bildirir.

console.log(navigator.connection.effectiveType);
> 4G

Bu sinyaller ayrıca HTTP istek başlıkları olarak kullanılabilecek ve İstemci İpuçları aracılığıyla etkinleştirilecek. Örneğe göz atın ve daha ayrıntılı bilgi için spec göz atın.

OpenType Değişken Yazı Tipleri

Normalde bir yazı tipi, yazı tipi ailesinin yalnızca tek bir örneğini (ör. bir ağırlık veya uzatma) içeriyordu. Normal, kalın ve italik olmasını isterseniz sayfanızın ağırlığını artırmak için üç ayrı yazı tipi eklemeniz gerekirdi.

OpenType değişken yazı tipi, tek bir yazı tipi dosyası içinde kompakt bir şekilde paketlenebilen birden çok ayrı yazı tipine eşdeğerdir. CSS özelliği font-variation-settings düzenlenerek genişletme, stil, ağırlık ve diğer özellikler kolayca ayarlanabilir ve böylece sınırsız sayıda biçimsel varyasyon sağlanır. Bu üç yazı tipi artık tek bir kompakt dosyada birleştirilebilir.

.heading {
  font-family: "Avenir Next Variable";
  font-size: 48px;
  font-variation-settings: 'wght' 700, 'wdth' 75;
}
.content {
  font-family: "Avenir Next Variable";
  font-size: 24px;
  font-variation-settings: 'wght' 400;
}

OpenType değişken yazı tipleri, duyarlı tipografi oluşturmamız ve sayfa ağırlığımızı azaltmamız için bize güçlü yeni bir araç sunuyor. Daha fazla ayrıntı için John Hudson'ın OpenType Değişken Yazı Tipleri Tanıtımı'na göz atın.

DOM öğelerinden medya yakalama

DOM Elements API'den Medya Yakalama ile artık doğrudan HTMLMediaElements üzerinden bir MediaStream öğesine (ses ve video gibi) canlı çekim yapabilirsiniz.

Bir HTML medya öğesinde captureStream() çağrıldıktan sonra, akış içeriği üzerinde değişiklik yapılabilir, işlenebilir, uzaktan gönderilebilir veya kaydedilebilir. Kendi ekolayzerinizi veya ses kodlayıcınızı oluşturmak için web sesi kullandığınızı hayal edin. Alternatif olarak, WebRTC kullanarak uzaktaki bir sitede içerik yayınlayabilirsiniz. Olasılıklar neredeyse sonsuz.

Bazı HTTP sayfaları için Güvenli Değil Etiketler

Daha önce duyurduğumuz gibi, Chrome 62'den itibaren kullanıcılar bir HTTP sayfasına veri girdiğinde Chrome, adres çubuğunda bir etiketle sayfayı "Güvenli Değil" olarak işaretleyecektir. Bu etiket, tüm HTTP sayfaları için Gizli Mod'da da gösterilir.

Diğer ölçütler

Bunlar, Chrome 62'de geliştiriciler için yapılan değişikliklerden sadece birkaçı. Elbette bunlar dışında çok daha fazlası var.

Ardından YouTube kanalımıza abone olun ve yeni bir video yayınladığımızda e-posta bildirimi alırsınız.

Ben Pete LePage. Chrome 63 yayınlanır yayınlanmaz size Chrome'daki yenilikleri anlatmak için burada olacağım!