Chrome 101'deki yenilikler

Şunları bilmeniz gerekir:

Chrome 101'deki yeniliklere bir göz atalım.

hwb() renk gösterimi

Stefan Judis tarafından yayınlanan bir makalede "insanlar için renk gösterimi" olarak açıklanan hwb(), rengi ton, beyazlık ve siyahlığa 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 */
}

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 ima etmenizi sağlar. 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 bir kaynak olarak görüyorsunuz ve buluşsal yöntemler izin veriyorsa tarayıcının bu kaynağa öncelik düzeyini 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 görüntü fetchpriority="low" ile belirtilmiştir.

<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 verilmiş 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ği taslak spesifikasyonla ilgili PR'de bulunabilir.

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 değerine ayarlandığında window.open(), false anlamına geliyordu. Bu değişiklik, boole özelliklerinin 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.