Chrome 101'deki yenilikler

Şunları bilmeniz gerekir:

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.