Yayınlanma tarihi: 1 Ekim 2025
Aksi belirtilmediği sürece bu değişiklikler Android, ChromeOS, Linux, macOS ve Windows için Chrome 142 beta kanalı sürümünde geçerlidir. Bu özellikler hakkında daha fazla bilgiyi verilen bağlantılardan veya ChromeStatus.com'dan edinebilirsiniz. Masaüstü için Chrome 142 beta sürümünü Google.com'dan, Android için ise Google Play Store'dan indirebilirsiniz.
CSS ve kullanıcı arayüzü
:target-before ve :target-after sözde sınıfları
Bu sözde sınıflar, düz ağaç sırasına göre belirlendiği üzere aynı kaydırma işaretçisi grubu içinde etkin işaretçiden (:target-current ile eşleşen) önce veya sonra gelen kaydırma işaretçileriyle eşleşir:
:target-before: Gruptaki düz ağaç sırasına göre etkin işaretçiden önce gelen tüm kaydırma işaretçileriyle eşleşir.:target-after: Gruptaki düz ağaç sırasına göre etkin işaretçiden sonra gelen tüm kaydırma işaretçileriyle eşleşir.
::view-transition öğesi için mutlak konumlandırma
Görünüm geçişlerinde, öğenin sözde alt ağacı kullanılır. ::view-transition, bu geçişin kökünü oluşturur. Daha önce, ::view-transition öğesinin position: fixed olması belirtilmişti. CSS Çalışma Grubu, bu position: absolute yapmaya karar verdi ve Chrome artık bu değişikliği yansıtıyor.
Bu öğenin kapsayan bloğu, mutlak veya sabit durumda anlık görüntü kapsayan blok olarak kaldığı için bu değişiklik fark edilmez. Tek fark getComputedStyle'dadır.
activeViewTransition dokümandaki mülk
View Transitions API, geliştiricilerin farklı durumlar arasında görsel geçişler başlatmasına olanak tanır. Birincil SPA giriş noktası, bir geçiş nesnesi döndüren startViewTransition()'dır. Bu nesne, geçiş ilerlemesini izlemek için çeşitli sözler ve işlevler içerir. Ayrıca, geçişi atlayarak veya türlerini değiştirerek geçişleri düzenlemenize olanak tanır.
Chrome 142'den itibaren geliştiricilerin bu nesneyi depolaması gerekmiyor. Bu nesneyi document.activeViewTransition özelliği temsil eder. Geçiş yapılmıyorsa null kullanılır.
Bu durum, nesnenin yalnızca pageswap ve pagereveal etkinlikleri aracılığıyla kullanılabildiği MPA geçişleri için de geçerlidir. Bu güncellemede, geçiş süresi boyunca document.activeViewTransition bu nesneye ayarlanır.
Stil kapsayıcı sorguları ve if() için aralık söz dizimi
Chrome, aralık söz dizimi desteği ekleyerek CSS stil sorgularını ve if() işlevini geliştirir.
Stil sorgularını tam değer eşleşmesinin ötesine taşır (ör. style(--theme: dark)). Geliştiriciler, özel özellikleri, değişmez değerleri (ör. 10 piksel veya %25) ve attr() ile env() gibi değiştirme işlevlerinden gelen değerleri karşılaştırmak için karşılaştırma operatörlerini (ör. > ve <) kullanabilir. Geçerli bir karşılaştırma için her iki taraf da aynı veri türüne çözümlenmelidir. Şu sayısal türlerle sınırlıdır: <length>, <number>, <percentage>, <angle>, <time>, <frequency> ve <resolution>.
Örnekler:
Özel bir özelliği sabit bir uzunlukla karşılaştırma:
@container style(--inner-padding > 1em) {
.card {
border: 2px solid;
}
}
İki değişmez değeri karşılaştırma
@container style(1em < 20px) {
/* ... */
}
if()'da stil aralıklarını kullanma:
.item-grid {
background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}
İlgi Çekme Amaçlı Çağrılar (interestfor özelliği)
Chrome, <button> ve <a> öğelerine interestfor özelliği ekler. Bu özellik, öğeye "ilgi alanı" davranışları ekler. Kullanıcı öğeyle "ilgilenmeye başladığında" hedef öğede işlemler tetiklenir (ör. popover gösterilir). Kullanıcı aracısı, kullanıcının işaretçiyi öğenin üzerinde tutma, klavyede özel kısayol tuşlarına basma veya dokunmatik ekranlarda öğeye uzun basma gibi yöntemlerle öğeye "ilgi gösterdiğini" algılar. İlgi gösterildiğinde veya kaybedildiğinde, hedefte InterestEvent tetiklenir. Bu, pop-up'lar için varsayılan işlemleri (ör. pop-up'ı gösterme ve gizleme) içerir.
font-language-override özelliği
Chrome, font-language-override CSS özelliği için destek sunar. Bu özellik, geliştiricilerin doğrudan CSS'de dört karakterlik bir dil etiketi belirterek OpenType glif değişimi için kullanılan sistem dilini geçersiz kılmalarına olanak tanır.
Bu özellik, özellikle çok dilli içeriklerde veya dile özgü glif varyantları içeren yazı tiplerinde ayrıntılı tipografik kontrol sağlar.
SVG <a> öğesindeki download özelliği
Chrome, SVG 2 spesifikasyonuna uygun olarak SVGAElement arayüzünde download özelliğini desteklemeye başlar. download özelliği, yazarların bir SVG köprüsünün hedefine gitmek yerine indirmesini belirtmesine olanak tanır. Bu, HTMLAnchorElement'da zaten desteklenen davranışla aynıdır. Büyük tarayıcılar arasında birlikte çalışabilirliği destekler, HTML ve SVG <a> öğeleri arasında tutarlı davranış sağlar, geliştirici deneyimini ve kullanıcı beklentilerini iyileştirir.
Belirli öğe oluşturma modlarında mobil ve masaüstü eşliği
size ve multiple özellikleri kullanılarak <select> öğesi, sayfa içi liste kutusu veya pop-up içeren bir düğme olarak oluşturulabilir. Ancak bu modlar, mobil ve masaüstü Chrome'da tutarlı bir şekilde kullanılamaz. Sayfa içi liste kutusu oluşturma mobil cihazlarda kullanılamaz. multiple özelliği mevcut olduğunda ise masaüstünde pop-up içeren bir düğme kullanılamaz.
Bu güncelleme, mobil cihazlara liste kutusunu, masaüstü cihazlara ise çoklu seçim pop-up'ını ekler. Ayrıca size ve multiple özellikleriyle yapılan kayıtların mobil ve masaüstü cihazlarda aynı oluşturma modunda sonuçlanmasını sağlar. Değişiklikler şu şekilde özetlenmiştir:
sizeözelliği1değerinden büyük olduğunda her zaman sayfa içi oluşturma kullanılır. Mobil cihazlar daha önce bunu yoksayıyordu.multipleözelliğisizeözelliği olmadan ayarlandığında sayfa içi oluşturma kullanılır. Mobil cihazlarda daha önce sayfa içi liste kutusu yerine pop-up kullanılıyordu.multipleözelliğisize=1ile ayarlandığında pop-up kullanılır. Masaüstü cihazlarda daha önce sayfa içi liste kutusu kullanılıyordu.
Aynı kaynaklı oluşturucu tarafından başlatılan gezinmelerde kullanıcı etkinleştirmesinin kalıcı olması
Chrome, bir sayfa aynı kaynaklı başka bir sayfaya gittikten sonra yapışkan kullanıcı etkinleştirme durumunu korur. Gezinme sonrası sayfada kullanıcı etkinleştirme olmaması, bazı kullanım alanlarını (ör. otomatik odaklanmada sanal klavyelerin gösterilmesi) engeller. Bu durum, SPA'lar yerine MPA'lar oluşturmak isteyen geliştiricilerin önünü tıkamıştır.
Bu, tarayıcı tarafından başlatılan gezinme isteklerini (yeniden yükleme, geçmişte gezinme, adres çubuğuna yazılan URL vb.) kapsamaz.
Web API'leri
WebGPU: primitive_index özelliği
WebGPU, yeni bir WGSL gölgelendirici yerleşik öğesini (primitive_index) kullanıma sunan yeni bir isteğe bağlı özellik ekler. Desteklenen donanımlarda, vertex_index ve instance_index yerleşik işlevlerine benzer şekilde, parça gölgelendiriciler için öğe başına bir dizin sağlar. Temel indeks, sanallaştırılmış geometri gibi gelişmiş grafik teknikleri için kullanışlıdır.
WebGPU: Doku biçimleri katman 1 ve katman 2
GPU doku biçimi desteğini, oluşturma eki, karıştırma, çoklu örnekleme, çözme ve storage_binding gibi özelliklerle genişletin.
insertFromPaste, insertFromDrop ve insertReplacementText giriş etkinlikleri için DataTransfer özelliği
contenteditable öğelerindeki düzenleme işlemleri sırasında pano ve sürükle-bırak verilerine erişim sağlamak için giriş etkinliklerindeki dataTransfer özelliğini insertFromPaste, insertFromDrop ve insertReplacementText inputType değerleriyle doldurun.
dataTransfer nesnesi, beforeinput etkinliği sırasında kullanılabilen verileri içerir.
Bu özellik yalnızca contenteditable öğeleri için geçerlidir. Form kontrolleri
(textarea, input) için davranış değişmez.
Bu özellik, Chrome'un Safari ve Firefox ile birlikte çalışmasını sağlar.
Medya oturumu: enterpictureinpicture işlem ayrıntılarına neden ekleme
Media Session API'deki enterpictureinpicture işlemine gönderilen MediaSessionActionDetails öğesine enterPictureInPictureReason ekler. Bu sayede geliştiriciler, enterpictureinpicture kullanıcı tarafından açıkça tetiklenen işlemler (örneğin, kullanıcı aracısındaki bir düğmeden) ile enterpictureinpicture içerik engellendiği için kullanıcı aracısı tarafından otomatik olarak tetiklenen işlemler arasında ayrım yapabilir.
Web Speech API'de bağlama dayalı önyargı
Bu güncelleme, Web Speech API'ye tanıma ifadesi listesi ekleyerek web sitelerinin konuşma tanıma için bağlamsal önyargıyı desteklemesini sağlar.
Geliştiriciler, bir ifade listesi sağlayabilir ve bu ifadeleri, konuşma tanıma modellerinde bu ifadeler lehine bir önyargı uygulamak için güncelleyebilir. Bu, alana özgü ve kişiselleştirilmiş konuşma tanıma doğruluğunu ve alaka düzeyini artırmaya yardımcı olur.
JSON modülleri için daha katı *+json MIME jetonu doğrulaması
MIME türünün türü veya alt türü, *+json ile eşleştirildiğinde HTTP dışı jeton kod noktaları (ör. boşluklar) içeren JSON modülü komut dosyası yanıtlarını reddedin. Bu, MIME Sniffing spesifikasyonu ve diğer motorlarla uyumludur. Interop2025 modüllerinin odak alanının bir parçasıdır.
FedCM: Kullanıcı arayüzünde üçüncü taraf iFrame kaynaklarının gösterilmesi desteklenir.
Chrome 142'den önce FedCM, kullanıcı arayüzünde her zaman üst düzey siteyi gösteriyordu.
Bu, iframe kavramsal olarak birinci taraf olduğunda (ör. foo.com, kullanıcı için anlamlı olmayan bir foostatic.com iframe'ine sahip olabilir) iyi çalışır.
Ancak iframe aslında üçüncü tarafsa kullanıcıların kimlik bilgilerini kimlerle paylaştıklarını daha iyi anlamaları için kullanıcı arayüzünde iframe kaynağının gösterilmesi daha iyi olur. Örneğin, bir fotoğraf düzenleyici, kitap yayınlama web uygulamasına yerleştirilmiş olabilir ve kullanıcıların daha önce fotoğraf düzenleyiciyle depoladıkları dosyalara erişmesine izin vermek isteyebilir. Bu özellik artık kullanılabilir.
Kaynak içeren veya kaynaklarla ilişkili işlem izolasyonu
İşlem izolasyonu politikasını, işlemleri bir siteye (örneğin, example.com) kilitlemekten belirli bir kaynağa (örneğin, foo.example.com) kilitlemeye kaydırır.
Chrome, güvenliği daha da artırmak için "Kaynak İzolasyonu" adı verilen daha ayrıntılı bir işlem izolasyonu modeline geçiyor. Chrome, aynı sitedeki farklı kaynakları (ör. a.example.com ve b.example.com) tek bir oluşturma işleminde gruplandıran "Site İzolasyonu"nu kullanıyordu.
Kaynak izolasyonu sayesinde her bir kaynak (ör. https://foo.example.com) kendi oluşturucu işleminde izole edilir. İşlem sınırlarını web'in temel kaynak tabanlı güvenlik modeliyle uyumlu hale getirerek Chrome'un güvenlik mimarisini güçlendirir ve sitelerdeki olası güvenlik açıklarına karşı daha fazla koruma sağlar.
Birlikte çalışabilir pointerrawupdate etkinlikler yalnızca güvenli bağlamlarda kullanıma sunulur
PointerEvents spesifikasyonu, 2020'de pointerrawupdate işlevini güvenli bağlamlarla sınırlayarak hem etkinlik tetiklemeyi hem de global etkinlik işleyicilerini güvenli olmayan bağlamlardan gizledi. Bu güncellemeyle Chrome, güncellenen spesifikasyona uygun hale geliyor ve diğer önemli tarayıcılarla birlikte çalışabiliyor.
Devam eden kaynak denemeleri
Chrome 142'de aşağıdaki yeni deneme sürümlerini etkinleştirebilirsiniz.
Cihaz Bağlı Oturumu Kimlik Bilgileri
Web sitelerinin bir oturumu tek bir cihaza güvenli bir şekilde bağlamasını sağlar.
Bu işlem, sunucuların bir oturumu cihaza güvenli bir şekilde bağlamasına olanak tanır. Tarayıcı, sunucu tarafından istendiğinde özel anahtarın sahipliğini kanıtlayarak oturumu düzenli olarak yeniler.
TCP Socket Pool per-top-level-site
Bu deneysel çalışma, profil başına TCP soket havuzu boyutunu 256'dan (varsayılan) 513'e çıkarmanın etkisini değerlendirirken üst düzey site başına 256 sınırı ekler (iki sekmenin havuzu tüketmemesini sağlamak için). Profil başına sınırın 512'ye çıkarılmasının uygulanabilirliği incelendi ve olumsuz sonuçlar elde edilmedi. En üst düzey site başına 256 olan sınır, profil başına varsayılan sınıra eşittir. Bu nedenle, performansı olumsuz etkilememelidir. Bu sınırlar, WebSocket havuzu ve normal (HTTP) soket havuzu için bağımsız olarak uygulanır.
Bu deneme, olumsuz bir etki görülmezse doğrudan kullanıma sunulacaktır.