CSS hareket yolu, Geri-ileri önbellek NotRestoredNeden API, Pencere İçinde Pencere Doküman ve daha fazlası.
Aksi belirtilmedikçe, açıklanan değişiklikler Android, ChromeOS, Linux, macOS ve Windows için en yeni Chrome beta kanalı sürümüne uygulanır. Sağlanan bağlantıları kullanarak veya ChromeStatus.com sayfasındaki listeden burada listelenen özellikler hakkında daha fazla bilgi edinebilirsiniz. Chrome 116, 19 Temmuz 2023 itibarıyla beta sürümündedir. En son çıkan uygulamayı masaüstü için Google.com'dan veya Android'de Google Play Store'dan indirebilirsiniz.
CSS
Bu sürümde iki yeni CSS özelliği eklendi.
CSS Hareket Yolu
Hareket yolu, yazarların herhangi bir grafik nesnesini konumlandırmasına ve geliştirici tarafından belirtilen bir yol boyunca canlandırmasına olanak tanır. Bu, translate() işlevi tarafından kullanılan standart dikdörtgen koordinatlar yerine kutupsal koordinatları kullanarak (ray() işleviyle) konumlandırma veya bir öğeyi tanımlı bir yol boyunca canlandırma gibi bir dizi güçlü yeni dönüştürme olasılığına olanak tanır. Bu da karmaşık ve güzel 2D uzamsal geçişlerin tanımlanmasını kolaylaştırır. Bir yol circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() ve url() olarak belirtilebilir.
Görüntülü reklam ve içerik görünürlüğü animasyonları
Chrome 116, animasyon karesi animasyonlarında display ve content-visibility özelliklerini destekler. Bu destek, geliştiricilerin çıkış animasyonları oluşturmasına olanak tanır. Ardından, öğe otomatik olarak display: none veya content-visibility: hidden haline gelir. Animasyon bittikten sonra bu anahtarı işlemek için JavaScript yazmaya gerek kalmaz. Bu, öğelere ilişkin çıkış animasyonlarının tamamen CSS'ye eklenmesine olanak tanır.
Web API'leri
AbortSignal.any()
Kaynak sinyallerinden herhangi biri iptal edildiğinde iptal edilen bir sinyali döndürür. Geliştiriciler bunu, AbortSignal.timeout() ile belirtilen zaman aşımları ve bir AbortController ile ilişkili sinyaller gibi bağımsız iptal kaynaklarını birleştirmek ve fetch() gibi eşzamansız API'lere iletmek için kullanabilir.
Getirme için BYOB desteği
Chrome'un ReadableStream uygulaması, okunabilir bayt akışları için kendi arabelleğinizi getirme (BYOB) okuyucularını destekler. Artık Response.body "varsayılan" yerine okunabilir bir bayt akışıdır okunabilir bir akış olabilir. Bu, Fetch API'nin KOBİ okuyucularıyla kullanılmasına olanak tanıyarak çöp toplama ek yükünü ve kopyaları azaltır, kullanıcıların yanıt verme süresini iyileştirir. Artık Blob.stream() için de bu optimizasyondan yararlanılıyor.
Geri-ileri önbellek NotRestoredNedeni API'si
NotRestored reason API, bir sayfanın bir çerçeve ağacı yapısında BFcache'den yayınlanmamasının nedenlerinin listesini PerformanceGezinmeTiming API'si aracılığıyla bildirir.
Belge Pencere İçinde Pencere
Doküman Pencere İçinde Pencere, rastgele HTMLElements ile doldurulabilecek her zaman açık pencere açmak için yeni bir API ekler. Bu, mevcut HTMLVideoElement API'sinden alınmış bir genişletmedir ve yalnızca HTMLVideoElement öğesinin Pencere İçinde Pencere (PIP) penceresine yerleştirilmesine izin verir. Bu sayede web geliştiricileri, kullanıcılara daha iyi bir PiP deneyimi sunabilir.
İzin Politikası Kaynaklarında Genişletilmiş Joker Karakterler
İzin verilenler listelerindeki alt alan adı joker karakterleri önemli bir esneklik sağlamıştır. Ancak mevcut joker karakter ayrıştırıcılardan farklı olup gerekli yeni kod ve spesifikasyon çalışmasıdır. Bu amaç, mevcut İçerik Güvenliği Politikası spesifikasyonunun bazı bölümlerini yeniden kullanarak ve scheme + wildcard domain ile wildcard port izin verilenler listesine eklenmesine izin vererek bu ek yükü azaltır. Özellikle bu amaç, izin verilenler listesi tanımında kaynak yerine ana makine-kaynak ve şema-kaynak tanımını benimseyip yol bölümünün boş olmasını gerektirir (İzin politikaları eşleşen kaynaklar için geçerlidir).
FedCM paketi: Giriş İpucu API'sı, Kullanıcı Bilgileri API'si ve RP Context API
Bu paket halinde sunulan güncelleme, Federated Credential Management API'yi (FedCM) kullanan birleşik giriş akışlarında özelleştirmelere olanak tanır.
Giriş İpucu API'si ile bağımlı taraf (RP), FedCM kullanıcı arayüzünde görüntülenmesini istediği kullanıcı hesabı hakkında bir ipucu belirtebilir. Bu genellikle, geri gelen kullanıcılara daha iyi bir kullanıcı deneyimi sunmak için kullanılır.
User Info API, kimlik sağlayıcının (IdP) kullanıcı bilgilerini getirmesine olanak tanır. Bu sayede, örneğin kişiselleştirilmiş "IdP ile oturum aç" düğmeleri aracılığıyla geri gelen kullanıcıların giriş deneyimini kişiselleştirebilir.
Kısıtlanmış Taraf Bağlam API'si ile FedCM iletişim kutusunun "Oturum aç" başlığının değiştirilmesini isteyebilir "Kaydolun", "Kullan" veya "Devam"ı tıklayın.
Oluşturulmamış Fare ve İşaretçi giriş/ayrılma etkinlikleri
Özelliklere uygun olması ve birlikte çalışabilirlik boşluklarını düzeltmek için mouseenter, mouseleave, pointerenter ve pointerleave etkinliklerinde event.composed özelliğini "false" yapın. Hem Fare Etkinlikleri için Kullanıcı Arayüzü Etkinlikleri spesifikasyonu hem de İşaretçi Etkinlikleri spesifikasyonu bu etkinlikleri oluşturulmamış olarak tanımlar. Bu değişiklik, birlikte çalışabilirlik açığını gidermenin yanı sıra gölge DOM'de ana makinenin gölge DOM'yi dinlerken bu etkinliklerin iki veya üç kez dağıtılmasını da düzeltir: https://github.com/w3c/uievents/pull/210 https://github.com/w3c/pointerevents/pull/461.
document.open korumalı alanı devralmasını kaldır
Şu anda, arayanın Korumalı Alan işaretleri, document.open farklı bir pencereyi hedeflediğinde aranan kişiye uygulanmaktadır. Bu değişiklikten sonra bu durum geçerli olmayacak.
Gezinme Zamanlama'da yeniden başlatmaya neden olan Kritik-CH'yi bildirme
Web siteleri, belirli bir İstemci İpucunun sayfa açısından kritik olduğunu belirtmek için onu bir Critical-CH HTTP yanıt başlığına ekleyebilir. Bu işlem, Critical-CH HTTP yanıt başlığında listelenen ipucu başlangıçta gönderilen HTTP isteğine dahil edilmişse (ancak eklenmemişse) bağlantı yeniden başlatılır. Bu amaç, PerformanceNavigationTiming arayüzüne readonly attribute DOMHighResTimeStamp criticalCHRestart; eklenmesini önerir.
Kaynak denemeleri devam ediyor
Chrome 116'da aşağıdaki yeni kaynak denemelerine kaydolabilirsiniz.
COOP: Restrict-properties
Cross-Origin-Opener-Policy, güvenliği artırmak için pop-up ile başlatıcılar arasındaki ilişkiyi kesmek için kullanılır. "restrict-properties" ilişkiyi tamamen kesmek yerine kısıtlayan, önerilen bir değerdir. COEP ile eşleştirildiğinde crossOriginIsolated'ı etkinleştirir.
COOP kısıtlama mülkleri kaynak denemesi için kaydolun.
FedCM Oturum Açma Durumu API'sı
Federated Credential Management API (FedCM)'nin IdP Sign-in Status API (IdP Oturum Açma Durumu) API'si, kimlik sağlayıcının (IdP) kullanıcıları giriş/çıkış yaparken tarayıcıya sinyal vermesini sağlar. Böylece FedCM, kullanıcı deneyimini optimize ederek gizlilik özelliklerini artırabilir.
FedCM Oturum Açma Durumu kaynak denemesine kaydolun
EditContext API'si
EditContext API, bir web uygulamasını VK şekil yazma, el yazısı panelleri, konuşma tanıma ve IME Kompozisyonları gibi gelişmiş metin giriş yöntemleriyle entegre etme sürecini basitleştirir. API, erişilebilirliği ve performansı iyileştirirken web tabanlı düzenleyiciler için yeni özelliklerin kilidini açar.
EditContext API kaynak denemesine kaydolma
Uzun Animasyon Kare Zamanlaması
Bu, uzun görevlerin bir uzantısıdır. Bu kod, görevi sonraki oluşturma güncellemesiyle birlikte ölçer ve uzun çalışan komut dosyaları, oluşturma süresi, zorunlu düzen ve stilde harcanan süre gibi bilgileri ekler. Bu bilgiler düzen karması olarak bilinir.
Geliştiriciler bunu, genellikle kötü INP'nin nedeni olan ana iş parçacığı tıkanıklığının nedenlerini bularak INP tarafından ölçülen "durumsuzluk" teşhisi olarak kullanabilir.