Şunları bilmeniz gerekir:
hwb()renk gösterimi, rengi ton, beyazlık ve siyahlığa göre belirtmeniz için yeni bir yöntem sunar.- Getirme Önceliği, tarayıcıya kaynakların hangi sırayla indirileceğini göstermek için bir yol sağlar.
- Daha fazlası da var.
Chrome 101'de kullanılabilen özelliklere göz atalım.
hwb() renk gösterimi
Stefan Judis tarafından yayınlanan bir makalede "insanlar için renk gösterimi" olarak tanımlanan hwb(), rengi ton, beyazlık ve siyahlığa göre belirtiyor. Diğer renk gösterimlerinde olduğu gibi, isteğe bağlı alfa bileşeni opaklığı belirtir.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox sürüm 96'dan itibaren Safari'ye ve 15 sürümünden Safari'ye destek verdiğinden, rengi belirtmenin bu yöntemi artık iyi bir şekilde desteklenmektedir.
Getirme Önceliği
Getirme Önceliği, fetchpriority özelliğini kullanarak kaynakların hangi sıralamada indirileceğini tarayıcıya belirtmeniz için bir yol sağlar. "high", "low" ve "auto" değerlerini kabul eder.
"high": Kaynağı yüksek öncelikli olarak kabul eder ve tarayıcının buluşsal yöntemleri bunu engellemediği sürece tarayıcının bu kaynağa öncelik vermesini istersiniz."low": Kaynağı düşük öncelikli kabul edersiniz ve bulgusal yöntemler izin veriyorsa tarayıcının bu kaynağın önceliğini düşürmesini istersiniz."auto": Tarayıcının uygun önceliğe karar vermesini sağlayan varsayılan değerdir.
Aşağıdaki örnekte, düşük öncelikli resim fetchpriority="low" ile belirtilmiştir.
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
Çeşitli kullanım örnekleri hakkında daha fazla bilgiyi Fetch Priority API ile kaynak yüklemeyi optimize etme başlıklı makalede bulabilirsiniz.
Bu sürümde yer alan diğer içerikler
USBDevice nesne için yeni bir forget() yöntemi mevcut. Bu ayar, daha önce izin verilmiş bir cihazın unutulmasını sağlar. Örneğin, bu uygulama, çok sayıda cihazla paylaşılan bir bilgisayarda kullanılan bir uygulamaysa.
Ayrıca Web USB için, USBDevice içindeki ilgili özellikler için [SameObject] desteği düzeltildi. Spesifikasyon değişikliği, taslak spesifikasyonlara yönelik bir PR'de bulunabilir.
Güvenli (HTTPS) bir kaynaktan yüklenen ancak güvenli olmayan (HTTPS olmayan) bağlamlarla somutlaştırılan özel çalışanlar artık güvenli olarak değerlendirilmemektedir. Bu, bu tür çalışan bağlamlarında şu anlama gelir:
- self.isSecureContext artık false.
- self.caches ve self.storageFoundation artık kullanılamıyor.
window.open() için popup bağımsız değişkeni, bu bağımsız değişkeni ayrıştırma spesifikasyonunda yakın zamanda yapılan bir değişikliğin ardından artık true olarak değerlendiriliyor. Daha önce, popup doğru değerine ayarlandığında window.open(), false anlamına gelecek şekilde yorumlanıyordu. Bu değişiklik, boole özelliklerinin kullanımını ve anlaşılmasını kolaylaştırır.
Daha fazla bilgi
Bu bölümde yalnızca bazı önemli noktalar ele alınmıştır. Chrome 101'de yapılan diğer değişiklikler için aşağıdaki bağlantıları kontrol edin.