Chrome 119'daki yenilikler

Adriana Jara

Şunları bilmeniz gerekir:

Adım Adriana Jara. Chrome 119'daki geliştiricilere yönelik yenilikleri inceleyelim.

Çerezlerin geçerlilik bitiş tarihi.

Chrome 104'ten bu yana, yeni oluşturulan veya geçerlilik bitiş tarihiyle güncellenen çerezlerde bu tarih en fazla 400 gün sonrasına ayarlanmıştır. Bu sınır, depolama alanında bulunan çerezlere de geriye dönük olarak uygulanacak.

Bu çerezlerin geçerlilik bitiş tarihleri, Chrome 119 ve sonraki sürümlerin ilk kez başlatılıp tek seferlik bir veritabanı taşıma işlemi gerçekleştirmesinden sonraki 400 günden fazla olmayacak şekilde sınırlandırılır. Bu değişikliğin etkisi, Chrome 119'un yayınlanmasından en az 400 gün sonrasına kadar kullanıcılar tarafından hissedilmez. Bu tarihten sonra da yalnızca bu süre zarfında güncellenmemiş mevcut çerezler etkilenir.

Son kullanma tarihi önerisi hakkında daha fazla bilgi edinebilirsiniz. Üçüncü taraf çerezlerinin yakında kullanımdan kaldırılacağını hatırlatmak isteriz. Kullanımdan kaldırılmaya hazırlanmayla ilgili bir kılavuz da burada bulabilirsiniz.

CSS güncellemeleri

CSS için üç güncellememiz var:

Birincisi: Bir öğeyi sırasıyla yanlış veya doğru giriş içeren şekilde temsil eden ancak yalnızca kullanıcı öğeyle önemli ölçüde etkileşime geçtikten sonra etkinleşen yeni :user-invalid ve :user-valid sözde sınıfları. :valid ve :invalid sözde sınıflarına benzerler ancak yeni sözde sınıfların yalnızca kullanıcı öğeyle etkileşime geçtikten sonra eşleştiği ek bir kısıtlamaları vardır.

İkincisi: İlişkili renk söz dizimi, geliştiricilerin diğer renklerin parametrelerini değiştirerek renkleri tanımlamasına olanak tanır.

Örneğin: oklab(from magenta calc(l * 0.8) a b);, %80 daha açık bir Oklab magenta rengi oluşturur.

Üçüncü olarak, clip-path artık daha fazla değeri destekliyor.

clip-path mülkü, bir öğenin hangi bölümünün gösterileceğini belirleyen bir kırpma bölgesi oluşturur. Bölgenin içinde kalan kısımlar gösterilirken dışında kalan kısımlar gizlenir.

Artık klibin referans kutusunu kontrol etmek için <geometry-box> değerlerini kullanabilirsiniz. Bu sayede clip-path'ı daha kolay kullanabilirsiniz. Bu kutu değerleri, temel şekillerle birlikte (örneğin, clip-path: circle(50%) margin-box) veya belirtilen kutuya kırpmak için tek başına (örneğin,clip-path: content-box) kullanılabilir.

Dikdörtgen veya yuvarlak dikdörtgen klipleri belirtmeyi kolaylaştıran xywh() ve rect() işlevlerini de kullanabilirsiniz.

Düzeltme: Bu makalenin önceki bir sürümünde, Çitli Çerçeveler ile ilgili iyileştirmelerden bahsediliyordu. Bu değişiklikler artık Chrome 120'de kullanıma sunulmuştur.

Diğer özellikler

Elbette daha birçok seçenek var.

  • Chrome 119'dan itibaren WebSQL tamamen kaldırıldı. Ters kaynak denemesi, geliştiricilerin Chrome 123 sürümüne kadar WebSQL'yi kullanmaya devam etmesine olanak tanır.

  • Artık getDisplayMedia() ile kullanıcının ekranın tamamını paylaşmasını engellemek için monitorTypeSurfaces seçeneği kullanılabilir.

  • Arayanın bir pop-up'ı doğrudan tam ekranda açmasına izin vermek için window.open() JavaScript API'sine fullscreen windowFeatures parametresi ekleyen bir kaynak denemesi vardır.

Daha fazla bilgi

Bu, yalnızca bazı önemli noktaları kapsar. Chrome 119'daki diğer değişiklikler için aşağıdaki bağlantılara göz atın.

Abone ol

Gelişmelerden haberdar olmak için Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız.

Adım Adriana Jara. Chrome 120 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.