CSS hareket yolu, geri-ileri önbellek NotRestoredNedeni API'si, Document Pencere İçinde Pencere ve daha fazlası.
Aksi belirtilmedikçe, açıklanan değişiklikler Android, ChromeOS, Linux, macOS ve Windows'un en yeni Chrome beta kanalı sürümü için geçerlidir. Sağlanan bağlantıları kullanarak veya ChromeStatus.com'daki listeden burada listelenen özellikler hakkında daha fazla bilgi edinin. Chrome 116, 19 Temmuz 2023 itibarıyla beta sürümündedir. En son oyunları 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ştiricinin belirttiği 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ımlanmış bir yol boyunca canlandırma gibi bir dizi güçlü yeni dönüştürme olasılığına olanak tanır. Bu sayede karmaşık ve güzel 2D uzamsal geçişleri daha kolay tanımlayabilirsiniz. Yol; circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() ve url() şeklinde belirtilebilir.
Görüntülü reklam ve içerik görünürlüğü animasyonları
Chrome 116, animasyon karelerinde display ve content-visibility özelliklerini destekler. Bu destek, geliştiricilerin, çıkış animasyonları oluşturmalarına olanak tanır. Sonrasında öğe, animasyon bittikten sonra bu geçişi işlemek için herhangi bir JavaScript yazması gerekmeden otomatik olarak display: none veya content-visibility: hidden olur. Bu, öğelerin yalnızca CSS'de eklenmesine ilişkin çıkış animasyonlarına olanak tanır.
Web API'leri
AbortSignal.any()
Kaynak sinyallerinden herhangi biri iptal edildiğinde iptal edilen bir sinyal döndürür. Geliştiriciler bunu, bağımsız iptal kaynaklarını (örneğin, AbortSignal.timeout() ile belirtilen zaman aşımları ve bir AbortController ile ilişkili sinyaller) birleştirmek ve fetch() gibi eşzamansız API'lere iletmek için kullanabilirler.
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" okunabilir bir akış yerine okunabilir bir bayt akışıdır. Bu, çöp toplama ek yükünü ve kopyalama işlemlerini azaltan ve kullanıcıların yanıt verme hızını artıran Fetch API'sinin BYOB okuyucularıyla kullanılmasına olanak sağlar. Blob.stream() artık bu optimizasyondan da yararlanabiliyor.
Geri-ileri önbellek NotRestoredNedeni API'si
NotRestoredNedeni API'si, bir sayfanın BFcache'den çerçeve ağaç yapısında sunulmamasının nedenlerinin bir listesini Performance NavigationTiming API'si aracılığıyla bildirir.
Doküman Pencere İçinde Pencere
Pencere İçinde Pencere özelliği, rastgele HTMLElements ile doldurulabilen her zaman açık bir pencere açmak için yeni bir API ekler. Bu, HTMLVideoElement API'sinin yalnızca Pencere İçinde Pencere (PIP) penceresine yerleştirilmesine olanak tanıyan mevcut HTMLVideoElement API'si üzerine yapılan bir genişletmedir. 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 joker karakterleri önemli ölçüde esneklik sağlıyordu ancak mevcut joker karakter ayrıştırıcılardan farklıydı ve yeni kod ve spesifikasyon çalışması gerektiriyordu. Bu niyet, mevcut İçerik Güvenliği Politikası spesifikasyonunun bazı bölümlerini yeniden kullanıp scheme + wildcard domain ve wildcard port izin verilenler listesine izin vererek bu ek yükü azaltır. Bu amaç, İzin Politikaları'nı eşleştiren kaynaklar için geçerli olduğundan, izin verilenler listesi tanımında kaynak yerine ana makine kaynağı ve şema kaynağı tanımlarını kullanırken yol bölümünün boş olmasını gerektirir.
FedCM paketi: Giriş İpucu API'si, Kullanıcı Bilgileri API'si ve RP Bağlam API'si
Bu paketlenmiş güncelleme, Federated Credential Management API'yi (FedCM) kullanan birleşik giriş akışlarına yönelik özelleştirmelere olanak tanır.
Giriş İpucu API'si sayesinde bağlı taraf (RP), FedCM kullanıcı arayüzünde görüntülenmesini istediği kullanıcı hesabıyla ilgili bir ipucu belirtebilir. Bu özellik 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), geri gelen kullanıcılara yönelik giriş deneyimini kişiselleştirebilmesi için, kişiselleştirilmiş "IdP ile oturum aç" düğmeleri aracılığıyla kullanıcı bilgilerini getirmesini sağlar.
RP Bağlam API'si kullanıldığında RP, kullanıcının asıl amacını tutarlı hale getirmek için FedCM iletişim kutusunun "Oturum aç" başlığını "Kaydol", "Kullan" veya "Devam" ile değiştirmesini isteyebilir.
Oluşturulmamış Fare ve İşaretçi giriş/ayrılma etkinlikleri
mouseenter, mouseleave, pointerenter ve pointerleave etkinlikleri "false" içinde event.composed özelliğini spesifikasyonlarla uyumlu hale getirin ve birlikte çalışabilirlik boşluklarını düzeltin. Hem Fare Etkinlikleri için Kullanıcı Arayüzü Etkinlikleri spesifikasyonu hem de İşaretçi Etkinlikleri spesifikasyonu bu etkinlikleri oluşturulmamış olarak tanımlar. Birkaç yıl önce her iki özellik de orijinal tanımlarından farklı oldu: https://github.com/w3c/uievents/pull/210 https://github.com/w3c/pointerevents/pull/461
document.open korumalı alanı devralmayı kaldır
Şu anda, document.open farklı bir pencereyi hedeflediğinde arayanın Korumalı Alan işaretleri arayan kişiye uygulanmaktadır. Bu değişiklikten sonra böyle bir durum olmayacak.
NavigationTiming'de yeniden başlatmaya neden olan Kritik-CH raporu
Web siteleri, belirli bir İstemci İpucunu bir Critical-CH HTTP yanıt başlığına ekleyerek sayfa için kritik olduğunu gösterebilir. Bu işlem, Critical-CH HTTP yanıt başlığında listelenen ipucu başlangıçta gönderilen HTTP isteğine dahil edilebiliyorsa (ancak eklenmemişse) bağlantının yeniden başlatılmasını tetikler. 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: kısıtlama-özellikler
Cross-Origin-Opener-Policy, güvenliği artırmak amacıyla pop-up ve açı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şlendiğinde crossOriginIsolated'ı etkinleştirir.
COOP kısıtlama özellikleri kaynak denemesine kaydolun.
FedCM Sign-in Status API (FedCM ile Oturum Açma Durumu API'sı)
Federated Credential Management API'nin (FedCM) IdP Sign-in Status API'si, bir kimlik sağlayıcının (IdP), kullanıcıları giriş/çıkış yaptığında 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 kaydolma
EditContext API'si
EditContext API'si, bir web uygulamasını VK şekil yazma, el yazısı panelleri, konuşma tanıma ve IME Besteleri gibi gelişmiş metin giriş yöntemleriyle entegre etme sürecini basitleştirir. Bu API, erişilebilirliği ve performansı iyileştirir ve web tabanlı düzenleyiciler için yeni özelliklerin kilidini açar.
EditContext API kaynak denemesine kaydolma
Uzun Animasyon Karesi Zamanlaması
Bu, uzun görevlerin bir uzantısıdır. Görevi sonraki oluşturma güncellemesiyle birlikte ölçerek uzun çalışan komut dosyaları, oluşturma süresi, zorunlu düzen ve stilde harcanan süre gibi bilgileri ekler. Buna düzene göre yükleme denir.
Geliştiriciler bu ölçümü, genellikle kötü INP'nin nedeni olan ana iş parçacığı tıkanıklığının nedenlerini bularak INP tarafından ölçülen "duraklama" teşhisi için kullanabilirler.
Uzun Animasyon Karesi Zamanlaması kaynak denemesine kaydolun