Chrome 133

Kararlı sürümün yayınlanma tarihi: 4 Şubat 2025

Aksi belirtilmedikçe aşağıdaki değişiklikler Android, ChromeOS, Linux, macOS ve Windows için Chrome 133 kararlı kanal sürümünde geçerlidir.

HTML ve DOM

Pop-up özelliğinin ipucu değeri

Popover API, popover özelliğinin iki değeri için davranışı belirtir: otomatik ve manuel. Bu özellik, üçüncü bir değeri (popover=hint) tanımlar. Genellikle "ipucunda" türündeki davranışlarla ilişkilendirilen ipuçları, biraz farklı davranışlara sahiptir. Temel fark, iç içe yerleştirilmiş pop-up yığınları açıldığında ipucu özelliğinin otomatik özelliğin altında olmasıdır. Bu nedenle, mevcut bir otomatik pop-up grubu açıkken alakasız bir ipucu pop-up'ı açabilirsiniz.

Standart örnekte, bir <select> seçici açıktır (popover=auto) ve fareyle üzerine gelindiğinde tetiklenen bir ipucu (popover=hint) gösterilir. Bu işlem, <select> seçiciyi kapatmaz.

#1416284 numaralı hatayı takip etme | ChromeStatus.com girişi

Pop-up çağırıcı ve sabit konumlandırma iyileştirmeleri

popover.showPopover({source}) ile pop-up'lar arasında çağıran ilişkileri ayarlamak için zorunlu bir yol ekler. Yarı açık yer işareti öğesi referansları oluşturmak için çağıran ilişkilerini etkinleştirir.

Hata #364669918 için takip | ChromeStatus.com girişi

Çağırıcı içine yerleştirilmiş pop-up, çağırıcıyı yeniden çağırmamalıdır

Aşağıdaki durumda, düğmeyi tıklamak pop-up'ı düzgün şekilde etkinleştirir ancak bundan sonra pop-up'ın kendisini tıklamak pop-up'ı kapatmamalıdır.

<button popovertarget=foo>Activate
  <div popover id=foo>Clicking me shouldn't close me</div>
</button>

Önceden bu durum, pop-up tıklamasının <button>'ye baloncuk şeklinde gelmesi ve pop-up'ı kapatan çağırıcıyı etkinleştirmesi nedeniyle yaşanıyordu. Bu durum artık beklenen davranışa göre değiştirildi.

Hata takibi #https://crbug.com/379241451 | ChromeStatus.com girişi

CSS

CSS gelişmiş attr() işlevi

CSS 5. Seviye'de belirtilen attr() için yapılan genişletmeyi uygular. Bu genişletme, <string> dışındaki türlerin kullanılmasına ve tüm CSS özelliklerinde (sözde öğe içeriği için mevcut desteğe ek olarak) kullanılmasına olanak tanır.

MDN attr() | İzleme hatası #246571 | ChromeStatus.com girişi | Özellik

CSS :open sözde sınıfı

:open sözde sınıfı, açık durumdayken <dialog> ve <details> ile, seçicinin bulunduğu ve seçicinin gösterildiği modlarda ise <select> ve <input> ile eşleşir.

Hata takibi #324293874 | ChromeStatus.com girişi | Özellik

CSS kaydırma durumu kapsayıcı sorguları

Kapsayıcıların alt öğelerine kaydırma durumlarına göre stil uygulamak için kapsayıcı sorgularını kullanın.

Sorgu kapsayıcısı, bir kaydırma kapsayıcısı veya bir kaydırma kapsayıcının kaydırma konumundan etkilenen bir öğedir. Aşağıdaki eyaletler sorgulanabilir:

  • stuck: Yapışkan konumlandırılmış bir kapsayıcı, kaydırma kutusunun kenarlarından birine yapışmış.
  • snapped: Kaydırma sabitlemesi ile hizalanmış bir kapsayıcı şu anda yatay veya dikey olarak sabitlenmiştir.
  • scrollable: Bir kaydırma kapsayıcısının sorgulanan bir yönde kaydırılıp kaydırılamayacağı.

Yeni bir kapsayıcı türü: scroll-state, kapsayıcıların sorgulanması için kullanılır.

Hata #40268059 için takip | ChromeStatus.com girişi | Özellik

CSS text-box, text-box-trim ve text-box-edge

Metin içeriği için optimum dengeyi sağlamak amacıyla text-box-trim ve text-box-edge özellikleri, text-box kısaltması mülküyle birlikte metnin dikey hizalanmasını daha hassas bir şekilde kontrol etmenizi sağlar.

text-box-trim mülkü, kırpılacak kenarları (üst veya alt) belirtir. text-box-edge mülkü ise kenarın nasıl kırpılacağını belirtir.

Bu özellikler, yazı tipi metriklerini kullanarak dikey aralığı hassas bir şekilde kontrol etmenize olanak tanır.

Hata takibi #1411581 | ChromeStatus.com girişi | Özellik

Web API'leri

Animation.overallProgress

Geliştiricilere, animasyonların iterasyonlarında ne kadar ilerlediğini ve zaman çizelgesinin yapısına bakılmaksızın ne kadar süre geçtiğini gösteren kullanışlı ve tutarlı bir temsil sunar. overallProgress mülkü olmadan, animasyonun ne kadar ilerlediğini manuel olarak hesaplamanız gerekir. Bu hesaplama yaparken animasyonun iterasyon sayısını ve animasyonun currentTime değerinin toplam sürenin yüzdesi mi (kaydırma odaklı animasyonlarda olduğu gibi) yoksa mutlak bir zaman miktarı mı (zaman odaklı animasyonlarda olduğu gibi) olduğunu dikkate almanız gerekir.

40914396 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik

Atomics nesnesinin pause() yöntemi

Mevcut kodun bir döngü kilidi yürüttüğünü CPU'ya ima etmek için pause() yöntemini Atomics ad alanı nesnesine ekler.

ChromeStatus.com girişi | Özellik

Komut dosyaları için CSP karma oluşturma raporları

Karmaşık web uygulamalarının, güvenlik amacıyla indirdikleri alt kaynakları genellikle izlemesi gerekir.

Özellikle de yakında uygulanacak endüstri standartları ve en iyi uygulamalar (ör. PCI-DSS v4), web uygulamalarının indirip yürüttüğü tüm komut dosyalarının envanterini tutmasını gerektirir.

Bu özellik, dokümanın yüklediği tüm komut dosyası kaynaklarının URL'lerini ve karma oluşturma işlemlerini (CORS/aynı kaynak için) bildirmek üzere CSP ve Reporting API'yi temel alır.

Hata takibi #377830102 | ChromeStatus.com girişi

DOM durumunu koruyan taşıma

Öğenin durumunu sıfırlamadan öğeleri bir DOM ağacında taşımanıza olanak tanıyan bir DOM ilkel öğesi (Node.prototype.moveBefore) ekler.

Kaldırma ve ekleme yerine taşıma işlemi yapıldığında aşağıdaki gibi durumlar korunur:

  • <iframe> öğeleri yüklü kalır.
  • Etkin öğe odakta kalır.
  • Pop-up'lar, tam ekran ve kalıcı iletişim kutuları açık kalır.
  • CSS geçişleri ve animasyonları devam eder.

ChromeStatus.com girişi

attributionsrc özelliğini <area> üzerinde gösterin.

<area> öğesindeki attributionsrc özelliğinin gösterimini, gösterilmese bile özelliğin mevcut işleme davranışıyla uyumlu hale getirir.

Ayrıca, bu öğe birinci sınıf bir gezinme yüzeyi olduğundan ve Chrome bu özelliği <a> ve window.open'nin diğer yüzeylerinde zaten desteklediğinden <area> öğesinde özelliği desteklemek mantıklıdır.

Hata #379275911 için takip | ChromeStatus.com girişi | Özellik

FileSystemObserver arayüzü

FileSystemObserver arayüzü, web sitelerini dosya sistemindeki değişikliklerden haberdar eder. Siteler, kullanıcının daha önce izin verdiği dosya ve dizinlerdeki değişiklikleri kullanıcının yerel cihazında veya Paket Dosya Sisteminde (Kaynak Özel Dosya Sistemi olarak da bilinir) izler ve değişiklik türü gibi temel değişiklik bilgileriyle ilgili bildirim alır.

40105284 numaralı hatayı takip etme | ChromeStatus.com girişi

Birden fazla içe aktarma haritası

İçe aktarma haritalarının şu anda herhangi bir ES modülünden önce yüklenmesi gerekir ve doküman başına yalnızca tek bir içe aktarma haritası olabilir. Bu durum, bu modüllerin gerçek yaşam senaryolarında kullanımının kırılgan ve potansiyel olarak yavaş olmasını sağlar: Bunlardan önce yüklenen herhangi bir modül, uygulamanın tamamını bozar ve birçok modülün bulunduğu uygulamalarda, önce tüm olası modüllerin haritasının yüklenmesi gerektiğinden büyük bir engelleyen kaynak haline gelirler.

Bu özellik, birden fazla içe aktarma haritasını tutarlı ve belirlenebilir bir şekilde birleştirerek her belge için birden fazla içe aktarma haritası kullanmanıza olanak tanır.

ChromeStatus.com girişi

Depolama Alanı Erişim Üst Bilgileri

Kimlik doğrulaması yapılmış yerleşiklerin, bölümlenmemiş çerezleri etkinleştirmek için alternatif bir yol sunar. Bu üstbilgiler, bölümlenmemiş çerezlerin belirli bir ağ isteğine dahil edilip edilemeyeceğini belirtir ve sunucuların daha önce verilmiş "depolama erişimi" izinlerini etkinleştirmesine olanak tanır. "Depolama erişimi" iznini etkinleştirmenin alternatif bir yolunu sunmak, iframe olmayan kaynakların kullanımına olanak tanır ve kimliği doğrulanmış yerleşik öğelerin gecikmesini azaltabilir.

329698698 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik

Promise<DOMString> ile ClipboardItem oluşturma desteği

Asenkron pano write() yönteminin girişi olan ClipboardItem, artık kurucusunda Blob'lara ek olarak dize değerlerini de kabul ediyor. ClipboardItemData bir Blob, dize veya Blob ya da dize olarak çözülen bir Promise olabilir.

40766145 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik

WebAssembly Memory64

memory64 önerisi, boyutu 2^32 bitten büyük olan doğrusal WebAssembly bellekleri için destek ekler. Yeni talimatlar sağlamaz, bunun yerine mevcut talimatları genişleterek bellekler ve tablolar için 64 bit dizinlere izin verir.

ChromeStatus.com girişi | Özellik

Web Authentication API: PublicKeyCredential getClientCapabilities() yöntemi

PublicKeyCredential getClientCapabilities() yöntemi, kullanıcının istemcisi tarafından hangi WebAuthn özelliklerinin desteklendiğini belirlemenize olanak tanır. Yöntem, desteklenen özelliklerin listesini döndürerek geliştiricilerin kimlik doğrulama deneyimlerini ve iş akışlarını istemcinin belirli işlevlerine göre uyarlamasına olanak tanır.

Hata takibi #360327828 | ChromeStatus.com girişi | Özellik

Web Şifreleme API'sinin X25519 algoritması

"X25519" algoritması, [RFC7748]'de belirtilen X25519 işlevini kullanarak anahtar anlaşması gerçekleştirmek için araçlar sağlar. "X25519" algoritma tanımlayıcısı, uygulanan işlemlere (generateKey, importKey, exportKey, deriveKey ve deriveBits) erişmek için SubtleCrypto arayüzünde kullanılabilir.

Hata takibi #378856322 | ChromeStatus.com girişi | Özellik

Performans

Enerji Tasarrufu modunda donma

Enerji Tasarrufu etkinken Chrome, içinde aynı kaynaktan çerçevelerin herhangi bir alt grubunun CPU kullanım eşiğini aşması durumunda, beş dakikadan uzun süredir gizli ve sessiz olan bir "tarama bağlamı grubunu" dondurur. Bunun için aşağıdaki koşullardan biri geçerli olmalıdır:

  • Sesli veya görüntülü konferans işlevi sağlar (mikrofon, kamera veya ekran/pencere/sekme yakalama ya da "açık" RTCDataChannel veya "canlı" MediaStreamTrack içeren bir RTCPeerConnection tanımlanarak algılanır).
  • Harici bir cihazı kontrol eder (WebUSB, Web Bluetooth, WebHID veya Web Seri kullanılarak algılanır).
  • Farklı bir bağlantıdaki sürüm güncellemesini veya işlemi engelleyen bir Web Kilidi ya da IndexedDB bağlantısı tutar.
  • Dondurma, yürütmeyi duraklatmayı içerir. Resmi olarak Page Lifecycle API'de tanımlanır.

CPU kullanımı eşiği, Enerji Tasarrufu etkinken arka plan sekmelerinin yaklaşık% 10'unu donduracak şekilde kalibre edilir.

325954772 numaralı hatayı takip etme | ChromeStatus.com girişi

Öğe zamanlamasında ve LCP'de (Timing-Allow-Origin'ten bağımsız olarak) kabalaştırılmış çapraz kaynaklı renderTime'ü gösterme

Öğe zamanlaması ve LCP girişlerinde, bir resmin veya metnin boyandığı ilk çerçeveyle uyumlu bir renderTime özelliği bulunur.

Bu özellik, şu anda resim kaynağında Timing-Allow-Origin üstbilgisinin zorunlu tutulmasıyla kaynak farklı olan resimler için korunmaktadır. Ancak bu kısıtlamanın etrafından dolaşmak kolaydır (örneğin, aynı çerçevede aynı kaynaktan ve farklı kaynaktan bir resim gösterilerek).

Bu durum kafa karışıklığına yol açtığından, bu kısıtlamayı kaldırmayı ve doküman kaynakta izole değilse tüm oluşturma sürelerini 4 ms artırmayı planlıyoruz. Bu, kaynak farklı olan resimlerle ilgili kod çözme sırasındaki yararlı bilgilerin sızmasını önlemek için yeterince kaba görünüyor.

Hata #373263977 için takip | ChromeStatus.com girişi | Özellik

responseStart'ü geri alın ve firstResponseHeadersStart'u tanıtın

103 Erken İpucu etkinleştirildiğinde yanıtların iki zaman damgası vardır:

  • İlk ipuçları ne zaman gelir? (103)
  • Nihai üstbilgiler geldiğinde (ör. 200)
  • Chrome 115, bu iki zaman damgasının ölçülmesine izin vermek için firstInterimResponseStart'ü kullanıma sunduğunda responseStart'un (ilk bayta kadar geçen süre (TTFB) tarafından kullanılır) anlamını "son üstbilgiler" olarak değiştirdik. Bu durum, yaygın olarak kullanılan bu metrik için benzer bir değişiklik yapmayan tarayıcılar ve araçlarda web uyumluluğu sorununa yol açtı.

Chrome 133, bu uyumluluk sorununu çözmek için bu responseStart değişikliğini geri alır ve bunun yerine, TTFB'nin orijinal tanımını korurken sitelerin nihai üstbilgilerin gösterilmesine kadar geçen süreyi ölçmesine olanak tanımak için firstResponseHeadersStart özelliğini kullanıma sunar.

Hata #40251053 için takip | ChromeStatus.com girişi | Özellik

Oluşturma ve grafikler

WebGPU: 1 bileşenli köşe noktası biçimleri (ve unorm8x4-bgra)

Destek eksikliği veya eski macOS sürümleri (artık hiçbir tarayıcı tarafından desteklenmiyor) nedeniyle WebGPU'nun ilk sürümünde bulunmayan ek köşe noktası biçimleri ekler. 1 bileşenli köşe noktaları biçimleri, uygulamaların yalnızca gerekli verileri istemesine olanak tanır. Daha önce 8 ve 16 bit veri türleri için en az iki kat daha fazla veri istemeleri gerekiyordu. unorm8x4-bgra biçimi, aynı gölgelendiriciyi korurken BGRA kodlu köşe renklerini yüklemeyi biraz daha kolaylaştırır.

376924407 numaralı hatayı takip etme | ChromeStatus.com girişi

Kaynak denemeleri

Enerji Tasarrufu modunda dondurma özelliğini devre dışı bırakma

Bu kapsam dışında kalma denemesi, sitelerin Chrome 133'te kullanıma sunulan Enerji Tasarrufu modunda sekme dondurma özelliğini devre dışı bırakmasına olanak tanır.

Origin Trial | Hata #325954772 için takip | ChromeStatus.com girişi | Spec

Kök Arası ARIA için Referans Hedefi

Referans Hedefi, gölge DOM'un dahili ayrıntılarını kapsarken bir bileşenin gölge DOM'undaki öğeleri referanslamak için for ve aria-labelledby gibi IDREF özelliklerinin kullanılmasını sağlayan bir özelliktir. Bu özelliğin asıl amacı, ARIA'nın gölge kök sınırlarında çalışmasını sağlamaktır.

Bir bileşen, "referans hedefi" olarak hareket etmesi için gölge ağacında bir öğe belirtebilir. Ana bileşen, bir etiketin for özelliği gibi bir IDREF'nin hedefi olduğunda, referans hedefi etiketin etkili hedefi olur.

Gölge kökü, gölge DOM içindeki hedef öğenin kimliğini belirtir. Bu işlem, JavaScript'de ShadowRoot nesnesinin referenceTarget özelliğiyle veya HTML işaretlemede <template> öğesinin shadowrootreferencetarget özelliğiyle yapılır.

Origin Trial | ChromeStatus.com girişi

Kullanımdan kaldırma ve kaldırma

maxInterStageShaderComponents WebGPU sınırının desteği sonlandırıldı

maxInterStageShaderComponents limit desteği, çeşitli nedenlerden dolayı sonlandırıldı. Chrome 135'te kaldırılması planlanan tarih.

  • maxInterStageShaderVariables ile yedekleme: Bu sınır zaten benzer bir amaca hizmet ediyor ve gölgelendirici aşamaları arasında aktarılan veri miktarını kontrol ediyor.
  • Küçük tutarsızlıklar: İki sınırın hesaplanmasında küçük farklılıklar olsa da bu farklılıklar küçüktür ve maxInterStageShaderVariables sınırı dahilinde etkili bir şekilde yönetilebilir.
  • Basitleştirme: maxInterStageShaderComponents kaldırılarak gölgelendirici arayüzü basitleştirilir ve geliştiriciler için karmaşıklık azaltılır. Küçük farklılıkları olan iki ayrı sınırı yönetmek yerine, daha uygun şekilde adlandırılmış ve kapsamlı maxInterStageShaderVariables'ye odaklanabilirler.

ChromeStatus.com girişi

Önceden, bir kaynak <link rel=prefetch> kullanılarak önceden getirildiğinde Chrome, yeniden getirmeyi önlemek için beş dakika içindeki ilk kullanımda önbelleğe alma anlamlarını (yani max-age ve no-cache) yoksayar. Artık Chrome bu özel durumu kaldırıyor ve normal HTTP önbelleği semantiklerini kullanıyor.

Bu, web geliştiricilerin <link rel=prefetch>'ten yararlanmak için uygun önbelleğe alma üstbilgilerini (Cache-Control veya Expires) eklemesi gerektiği anlamına gelir.

Bu durum, standart olmayan <link rel=prerender> öğelerini de etkiler.

40232065 numaralı hatayı takip ediyoruz | ChromeStatus.com girişi

İlk tercihler ilk çalıştırma sekmeleriyle Chrome karşılama sayfasının tetiklenmesini kaldırma

initial_preferences dosyasının first_run_tabs mülküne chrome://welcome eklemek artık bir etki yaratmayacak. Bu sayfa, masaüstü platformlarda tetiklenen ilk çalıştırma deneyimiyle alakasız olduğu için kaldırıldı.

ChromeStatus.com girişi