Şunları bilmeniz gerekir:
hwb()Renk gösterimi, rengi ton, beyazlık ve siyahlık özelliklerine göre belirtmek için yeni bir yol sunar.- Getirme Önceliği, tarayıcıya kaynakların hangi sırayla indirilmesi gerektiği konusunda ipucu vermenizi sağlar.
- Ve daha birçok özellik.
Chrome 101'de sunulan özelliklere göz atalım.
hwb() renk gösterimi
Stefan Judis'in bir makalesinde "insanlar için renk gösterimi" olarak tanımlanan hwb(), rengi ton, beyazlık ve siyahlık değerlerine göre belirtir. Diğer renk gösterimlerinde olduğu gibi, isteğe bağlı bir alfa bileşeni opaklığı belirtir.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Bu renk belirtme yöntemi artık yaygın olarak destekleniyor. Firefox 96. sürümden, Safari ise 15. sürümden itibaren bu yöntemi destekliyor.
Getirme Önceliği
Getirme önceliği, fetchpriority özelliğini kullanarak tarayıcıya kaynakların hangi sırayla indirilmesi gerektiği konusunda ipucu vermenizi sağlar. "high", "low" ve "auto" değerlerini kabul eder.
"high": Kaynağı yüksek öncelikli olarak değerlendiriyorsunuz ve tarayıcının sezgisel yöntemleri bunu engellemediği sürece tarayıcının kaynağa öncelik vermesini istiyorsunuz."low": Kaynağı düşük öncelikli olarak değerlendiriyorsanız ve tarayıcının, sezgisel yöntemleri izin veriyorsa kaynağın önceliğini düşürmesini istiyorsanız."auto": Bu, tarayıcının uygun önceliğe karar vermesine olanak tanıyan varsayılan değerdir.
Aşağıdaki örnekte, düşük öncelikli bir resim fetchpriority="low" ile gösterilmektedir.
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
Çeşitli kullanım alanları hakkında daha fazla bilgiyi Fetch Priority API ile kaynak yüklemeyi optimize etme başlıklı makalede bulabilirsiniz.
Bu sürümdeki diğer yenilikler
USBDevice nesneleri için yeni bir forget() yöntemi vardır. Bu işlem, daha önce izin verilen bir cihazın unutulmasını sağlar. Örneğin, bu uygulama birçok cihazla paylaşılan bir bilgisayarda kullanılıyorsa.
Ayrıca, Web USB için USBDevice içindeki ilgili özelliklerde [SameObject] desteğiyle ilgili bir düzeltme. Spesifikasyon değişikliğini taslak spesifikasyonla ilgili bir PR'de bulabilirsiniz.
Güvenli (HTTPS) bir kaynaktan yüklenen ancak güvenli olmayan (HTTPS dışı) bağlamlar tarafından oluşturulan özel çalışanlar artık güvenli olarak kabul edilmiyor. Bu, bu tür çalışan bağlamlarında:
- self.isSecureContext artık false anlamına gelir.
- self.caches ve self.storageFoundation artık kullanılamıyor.
Bu bağımsız değişkenin ayrıştırılmasıyla ilgili spesifikasyonda yapılan son değişikliğin ardından, window.open() için popup bağımsız değişkeni artık true olarak değerlendiriliyor. Daha önce, popup doğru olarak ayarlandığında window.open(), false anlamına geliyordu. Bu değişiklik, Boole özelliklerinin kullanılmasını ve anlaşılmasını kolaylaştırır.
Daha fazla bilgi
Bu özet yalnızca bazı önemli noktaları kapsar. Chrome 101'deki ek değişiklikler için aşağıdaki bağlantıları inceleyin.