Chrome 62'deki yenilikler

Pete LePage

Daha birçok özellik de var.

Adım Pete LePage. Chrome 62'de geliştiriciler için neler yeni olduğuna göz atalım.

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, Chrome'da bir süredir kullanılabiliyor ancak yalnızca kullanıcının bağlantısına göre teorik ağ hızları sağlar. Kablosuz ağa bağlı olduğunuzu ancak yalnızca 2G hızına sahip bir hücresel hotspot'a bağlı olduğunuzu düşünün. API, kablosuz bağlantıyı raporlar.

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

Chrome 62'de API, istemciden gerçek ağ performansı metriklerini sağlamak için genişletildi. Bu ağ kalitesi sinyallerini kullanarak içeriği ağa göre uyarlayabilirsiniz. Örneğin, çok yavaş bağlantılarda, azaltılmış 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ırma açısından döndürür. Örneğin, süper hızlı bir fiber bağlantıya bağlı olan API, 4G değerini raporlar.

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

Bu sinyaller, HTTP istek üstbilgileri olarak da kullanılabilir ve istemci ipuçları aracılığıyla etkinleştirilebilir. Daha ayrıntılı bilgi için örneğe ve özelliğe göz atın.

OpenType Değişken Yazı Tipleri

Geleneksel olarak, bir yazı tipi yalnızca bir yazı tipi ailesinin tek bir örneğini (ör. tek bir ağırlık veya tek bir esneme) içeriyordu. Normal, kalın ve italik yazı tipi kullanmak istiyorsanız üç ayrı yazı tipi eklemeniz gerekir. Bu da sayfanızı ağırlaştırır.

OpenType değişken yazı tipi, tek bir yazı tipi dosyası içinde kompakt bir şekilde paketlenebilen birden fazla bağımsız yazı tipine eşdeğerdir. font-variation-settings CSS özelliğini ayarlayarak esneme, stil, kalınlık ve daha fazlasını kolayca ayarlayabilir, sonsuz sayıda stil varyasyonu elde edebilirsiniz. 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ı yazı tipleri oluşturmak ve sayfa ağırlığımızı azaltmak için bize güçlü bir yeni araç sunar. Daha fazla bilgi için John Hudson'un OpenType Değişken Yazı Tipleri ile Tanışın başlıklı makalesine göz atın.

DOM öğelerinden medya yakalama

Artık DOM Öğelerinden Medya Yakalama API ile doğrudan HTMLMediaElements'ten MediaStream'ye ses ve video gibi içerikleri canlı olarak yakalayabilirsiniz.

Bir HTML medya öğesinde captureStream() çağrıldıktan sonra, aktarılan içerik üzerinde değişiklik yapılabilir, içerik işlenebilir, uzaktan gönderilebilir veya kaydedilebilir. Kendi eşitleyicinizi veya ses kodlayıcınızı oluşturmak için web sesini kullanmayı düşünün. Alternatif olarak, WebRTC'yi kullanarak içeriği uzak bir siteye aktarabilirsiniz. Olasılıklar neredeyse sonsuz.

Bazı HTTP sayfaları için "Güvenli değil" etiketleri

Daha önce duyurduğumuz gibi, Chrome 62'den itibaren kullanıcı 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 modda da gösterilir.

Diğer özellikler

Bunlar, Geliştiriciler için Chrome 62'deki değişikliklerden yalnızca birkaçıdır. Elbette daha birçok değişiklik vardır.

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

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