Şunları bilmeniz gerekir:
hwb()
renk gösterimi, rengi ton, beyazlık ve siyahlık değerlerine göre belirtmenize olanak tanır.- Getirme Önceliği, kaynakların hangi sırayla indirilmesi gerektiğini tarayıcıya bildirmenize olanak tanır.
- Bunun gibi çok daha fazla özellik var.
Chrome 101'de neler olduğuna göz atalım.
hwb()
renk gösterimi
Stefan Judis tarafından yazılmış bir makalede "insan için renk gösterimi" olarak tanımlanan hwb()
, rengi ton, beyazlık ve siyahlık açısından 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 */
}
Renk belirtmeyle ilgili bu yöntem artık iyi bir şekilde destekleniyor. Firefox bu yöntemi 96 sürümünden, Safari ise 15 sürümünden itibaren destekliyor.
Getirme Önceliği
Getirme Önceliği, fetchpriority
özelliğini kullanarak tarayıcıya kaynakların hangi sırayla indirilmesi gerektiğini belirtmenize olanak tanır. Bu parametre "high"
, "low"
ve "auto"
değerlerini kabul eder.
"high"
: Kaynağı yüksek öncelikli olarak değerlendirirsiniz ve tarayıcının, tarayıcının sezgisel kuralları bunu engellemediği sürece kaynağa öncelik vermesini istersiniz."low"
: Kaynağı düşük öncelikli olarak değerlendiriyorsunuz ve heuristikleri izin veriyorsa tarayıcının önceliğini düşürmesini istiyorsunuz."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!">
Fetch Priority API ile kaynak yüklemeyi optimize etme başlıklı makalede çeşitli kullanım alanları hakkında daha fazla bilgi edinin.
Bu sürümde ayrıca
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 cihazın bulunduğu paylaşılan bir bilgisayarda kullanılıyorsa.
Ayrıca Web USB için USBDevice
içindeki ilgili özelliklerde [SameObject
] destekleyen 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 olmayan) bağlamlar tarafından oluşturulan özel çalışanlar artık güvenli olarak kabul edilmez. Bu, bu tür işleyici 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ırmayla ilgili spesifikasyonda yapılan son bir değişiklikten sonra artık true
olarak değerlendiriliyor. Daha önce, popup
doğru olarak ayarlandığında window.open()
, false
olarak yorumlanıyordu. Bu değişiklik, mantıksal özelliklerin kullanımını ve anlaşılmasını kolaylaştırır.
Daha fazla bilgi
Bu, yalnızca bazı önemli noktaları kapsar. Chrome 101'de yapılan diğer değişiklikler için aşağıdaki bağlantılara göz atın.