Yayınlanma tarihi: 8 Nisan 2026
Aksi belirtilmedikçe aşağıdaki değişiklikler Android, ChromeOS, Linux, macOS ve Windows için en yeni Chrome beta kanalı sürümünde geçerlidir. Bu özellikler hakkında daha fazla bilgi edinmek için verilen bağlantıları kullanın veya ChromeStatus.com adresini ziyaret edin. Chrome, bu sürüm itibarıyla beta sürümündedir. En son beta sürümünü masaüstü için Google.com'dan veya Android'de Google Play Store'dan indirebilirsiniz.
CSS ve kullanıcı arayüzü
CSS'de yalnızca ad içeren kapsayıcı sorguları
Artık öğede container-type ayarlamadan yalnızca container-name değerine göre bir CSS kapsayıcısını sorgulayabilirsiniz.
#container {
container-name: --foo;
}
@container --foo {
input { background-color: green; }
}
<div id="container">
<div><input></div>
</div>
Kullanıcı etkileşimi sırasında taşan metni kırpma
Kullanıcı, text-overflow: ellipsis ayarlanmış metinle etkileşimde bulunduğunda (ör. düzenleyerek veya imleçle gezinmeyi kullanarak) metin geçici olarak üç noktadan kırpmaya geçer. Bu sayede kullanıcı, gizli taşma içeriğini görebilir ve bu içerikle etkileşim kurabilir. Bu özellik, düzenlenebilir ve düzenlenemez tüm öğeler için geçerlidir. <textarea> ve <input> gibi form kontrolleri için bu davranış zaten desteklenmektedir.
dragEnter, dragLeave ve dragOver etkinlikleri için dropEffect değerini doğru şekilde ayarlayın
Sürükle ve bırak spesifikasyonları, dataTransfer nesnesinin dropEffect özelliğinin dragEnter, dragOver ve dragLeave üzerinde önceden belirlenmiş belirli değerlere sahip olmasını gerektirir. dragEnter ve dragOver, mevcut effectAllowed değerine göre bir dropEffect değerine sahip olmalıdır. dragLeave her zaman none dropEffect içermelidir. Chrome şu anda bu kurallara uymamaktadır.
Chrome 148'den itibaren Chrome, spesifikasyona uyacak ve bu özelliğe doğru değerleri atayacak.
Video ve ses öğelerini geç yükleme
Bu özellik, <video> ve <audio> öğelerine loading özelliğini ekler.
Bu sayede geliştiriciler, loading="lazy" kullanarak öğe görüntü alanına yaklaşana kadar medya kaynağı yüklemeyi erteleyebilir. Bu, <img> ve <iframe> öğeleri için mevcut geç yükleme davranışıyla eşleşir. Bu sayede sayfa yükleme performansı artar ve veri kullanımı azalır.
Özellik algılama için CSS at-rule() işlevi
Bu özellik, CSS @supports'e bir at-rule() işlevi ekler. Bu işlev, yazarların CSS at-rules desteğini özellik algılamasına olanak tanır.
revert-rule anahtar kelimesini ekleyin
revert-rule anahtar kelimesi, revert-layer anahtar kelimesinin basamağı önceki katmana geri döndürmesine benzer şekilde basamağı önceki kurala geri döndürür. Örneğin:
div { color: green; }
div { color: revert-rule; /* Effectively green */ }
Bu, özellikle koşullu ifadelerde kullanışlıdır. Bir koşul karşılanmadığında mevcut kuralı ortadan kaldırmanıza olanak tanır:
div {
display: if(style(--layout: fancy): grid; else: revert-rule);
}
text-decoration-skip-ink: all kanalını destekleyin
Bu özellik, CSS text-decoration-skip-ink özelliği için all değerine destek ekler.
text-decoration-skip-ink özelliği auto ve none'yi zaten destekliyor. all değeri, CJK karakterleri de dahil olmak üzere tüm gliflere koşulsuz olarak mürekkep atlama uygulayarak bu değeri genişletir. Buna karşılık, auto, CJK karakterlerini atlamadan bırakır. Bunun nedeni, mürekkep atlamanın tipik alt çizgi konumlarında ideografik yazılar için istenmeyen görsel sonuçlar üretme eğiliminde olmasıdır. text-decoration-skip-ink: all ile, CJK glifleriyle çakışmayı önlemek için text-underline-position veya text-underline-offset değerini ayarlayan yazarlar, bu karakterler için mürekkep atlamayı açıkça etkinleştirebilir.
Web API'leri
Manifest üyelerini yerelleştirme
Bu özellik, manifest üyelerinin yerelleştirilmesini destekler. Bu sayede uygulamalar; adlarını, açıklamalarını, simgelerini ve kısayollarını kullanıcının diline ve bölgesine uyarlayabilir. Geliştiriciler, web uygulaması manifestinde yerelleştirilmiş değerler sağlar. Tarayıcı, kullanıcının dil ayarlarına göre uygun kaynakları otomatik olarak seçer. Bu sayede farklı pazarlarda dil desteği sunulur.
Metin şekillendirme ve glif oluşturma için Open Font Format avar2 desteği
avar (Eksen Varyasyonları) tablosunun 2. sürümü, yazı tipi tasarımcılarının enterpolasyon üzerinde daha fazla kontrol sahibi olarak değişken yazı tipleri oluşturmasına olanak tanır. Orijinal değişken yazı tipi spesifikasyonu eksenleri bağımsız olarak işlerken avar2, eksenlerin birbirini etkilemesine olanak tanır. Bu sayede, içerik yazarlarının daha kolay kullanabileceği yazı tipleri elde edilir ve kompakt depolama alanı sağlanır.
Avar2, yazı tipi varyasyonlarıyla ilgili bildiğiniz kavramları kullanır ancak tasarım eksenlerine değişken delta değerleri uygulamanıza olanak tanır. Bunu birden fazla eksen aralığında yapabilirsiniz.
Örneğin, aynı anda birden fazla varyasyon eksenini kontrol eden meta kaydırma çubukları oluşturabilirsiniz. Bu sayede kullanıcı, yazı tipi tasarım alanının kullanışlı bir köşesini bulmak ve ince ayar yapmak zorunda kalmaz.
Avar2, yazı tipi tasarımcılarına yazı tiplerinin kullanılabilir varyasyon alanı üzerinde daha iyi kontrol sağlar ve tasarım eksenlerinin ayarlanmasını birkaç eksen üzerinde koordine etmelerine olanak tanır. Eksenler arasındaki ilişkiler avar sürüm 2 tablosunda matematiksel olarak tanımlandığı için yazı tipleri daha az ana öğeyle karmaşık tasarımlar oluşturabilir. Bu, enterpolasyonun daha verimli bir şekilde depolanması nedeniyle dosya boyutlarının küçülmesini sağlar.
Web Kimlik Doğrulaması Anında Kullanıcı Arayüzü modu
navigator.credentials.get() için bu yeni mod, sitenin geçiş anahtarı veya şifresi tarayıcı tarafından hemen biliniyorsa tarayıcı oturum açma kullanıcı arayüzünün kullanıcıya gösterilmesine neden olur. Aksi takdirde, böyle bir kimlik bilgisi yoksa NotAllowedError ile reddeder. Bu sayede, tarayıcı başarılı olma olasılığı yüksek oturum açma kimlik bilgileri seçeneği sunabiliyorsa site, oturum açma sayfası göstermekten kaçınabilir. Bu tür kimlik bilgilerinin bulunmadığı durumlarda oturum açma sayfası akışına izin vermeye devam eder.
Android'de Web Serial API desteği
Web Serial API, seri cihazlara bağlanmak için bir arayüz sağlar. Bu cihazlar, kullanıcının sistemindeki bir seri bağlantı noktası üzerinden veya seri bağlantı noktasını taklit eden çıkarılabilir USB ve Bluetooth cihazları üzerinden bağlanabilir. API artık Android'de destekleniyor.
Özellikle eğitim, hobi ve endüstriyel sektörlerdeki kullanıcılar, bilgisayarlarına kontrol etmek için özel yazılım gerektiren çevre birimleri bağlar. Örneğin, okullarda bilgisayar programlama ve elektronik öğretmek için genellikle robotik kullanılır. Bunun için robota kod yükleyebilen veya robotu uzaktan kontrol edebilen bir yazılım gerekir. Endüstriyel veya hobi amaçlı bir ortamda, freze, lazer kesici veya 3 boyutlu yazıcı gibi bir ekipman, bağlı bir bilgisayarda çalışan bir program tarafından kontrol edilir. Bu cihazlar genellikle seri bağlantı üzerinden küçük mikro denetleyiciler tarafından kontrol edilir.
WebGPU linear_indexing özelliği
Bu işlev, kullanıcı deneyimini iyileştirmek için iki yeni hesaplama gölgelendirici yerleşik değeri ekler. Bu değerler, tüm arka uçlar için uygulanır (mevcut yerleşik değerlerin polyfill'leri olarak).
Android'de SharedWorker desteği
SharedWorker, öngörülemeyen işlem yaşam döngüsüyle ilgili endişeler nedeniyle uzun süredir Android'de devre dışı bırakılmıştı. Chrome geliştiricileri, SharedWorker örneklerinin kullanıcıları veya web geliştiricilerini bilgilendirmeden beklenmedik şekilde sonlandırılabileceğini düşünüyordu. Bu durum kabul edilemez olarak değerlendirildi.
Ancak GitHub'da yakın zamanda yapılan bir tartışma, SharedWorker'nin işlem yaşam döngüsünün öngörülemez doğasının daha önce düşünüldüğü kadar önemli bir sorun olmayabileceğini gösteriyor. Bu nedenle Chrome, Android'de SharedWorker özelliğini yeniden etkinleştiriyor ve aynı zamanda istikrarlı ve güvenilir bir deneyim sunmak için bu davranışı inceliyor.
SharedWorker'lar için uzatılmış kullanım ömrü
Bu güncelleme, SharedWorker oluşturucuya extendedLifetime: true adlı yeni bir seçenek ekler. Bu, mevcut tüm istemciler kaldırıldıktan sonra bile paylaşılan çalışanın etkin kalmasını ister. Birincil kullanım alanı, sayfaların kaldırıldıktan sonra JavaScript gerektiren eşzamansız işlemleri bir hizmet çalışanına ihtiyaç duymadan gerçekleştirmesine olanak tanımaktır.
Prompt API
Prompt API, web geliştiricilerinin tarayıcı tarafından sağlanan cihaz üzerinde yapay zeka dil modeline doğrudan erişmesine olanak tanır. API tasarımı, bulut API şekilleriyle uyumlu ayrıntılı kontrol imkanı sunar. Bu sayede, siteleri bireysel kullanım alanlarına göre uyarlanmış model etkileşimleriyle progresif geliştirme yapabilirsiniz. Bu, göreve dayalı dil modeli API'lerini (ör. Summarizer API) ve geliştirici tarafından sağlanan ML modelleriyle genelleştirilmiş cihaz üzerinde çıkarım için çeşitli API'leri ve çerçeveleri tamamlar. İlk uygulama; metin, resim ve ses girişlerinin yanı sıra, oluşturulan metnin önceden tanımlanmış normal ifade ve JSON şeması biçimlerine uymasını sağlayan yanıt kısıtlamalarını destekler.
Bu, çeşitli kullanım alanlarını destekler. Örneğin, resim açıklamaları oluşturabilir, görsel aramalar yapabilir, sesleri metne dönüştürebilir, ses etkinliklerini sınıflandırabilir, belirli talimatlara göre metin oluşturabilir ve çok formatlı kaynak materyallerden bilgi veya analizler çıkarabilir.
Bu API, Chrome uzantılarında kullanıma sunulmuştur. Bu intent, web'deki
gönderimi izler. Temel model indirme işlemini devre dışı bırakmak için GenAILocalFoundationalModelSettings adlı kurumsal politika kullanılabilir. Bu politika, API'yi kullanılamaz hale getirir. Kurumsal yöneticiler, diğer cihaz üzerinde üretken yapay zeka özelliklerine izin verirken yerleşik yapay zeka API'sinin kullanımını engellemek için BuiltInAIAPIsEnabled politikasını da ayarlayabilir.
Dil desteği günlüğü:
- Chrome 139 ve önceki sürümler yalnızca İngilizceyi (
'en') destekliyordu. - Chrome 140'ta İspanyolca ve Japonca (
'es've'ja') desteği eklendi.
Güvenli Ödeme Onayı özelliklerini kullanma
Bu özellik, Payment Request API'ye yeni bir statik yöntem ekler. Bu yöntem, web geliştiricilerin tarayıcının Güvenli Ödeme Onayı uygulamasının özelliklerini kullanmasına olanak tanır. Bu sayede web geliştiricileri, Güvenli Ödeme Onayı için hangi özelliklerin kullanılabildiğini öğrenebilir. Ardından, Güvenli Ödeme Onayı'nı bu özelliklerle kullanıp kullanmayacağına karar verebilir.
IDNA ContextJ kuralları
IDNA, alan adlarında ASCII olmayan karakterler için kullanılan mekanizmadır. http://네이버.한국/ gibi bir URL'yi http://xn--950bt9s8xi.xn--3e0b707e/ (naver.com'a yönlendirme) olarak kodlar.
URL spesifikasyonu, IDNA2008 içinde ContextJ kurallarını etkinleştiren CheckJoiners işaretini ayarlar. Bu, URL'lerin çoğu yerinde ZWNJ (U+200C SIFIR GENİŞLİKLİ BİRLEŞTİRMEYEN) ve ZWJ (U+200D SIFIR GENİŞLİKLİ BİRLEŞTİREN) karakterlerine izin vermez. Uygulama, bu kuralın uygulandığı ICU'ya UIDNA_CHECK_CONTEXTJ seçeneğini iletir.
Aynı kaynak yeniden atamasında no-store resimlerini yeniden kullanma
Bu özellik, aynı src değeri bir <img> öğesine yeniden atandığında aynı dokümandaki kullanılabilir resmin yeniden kullanımının Cache-Control:
no-store yeniden yüklemesini atlamasını sağlar.
Önceden Blink, resim kodu çözülmüş ve dokümanda mevcut olsa bile resmi yeniden getiriyordu. Bu, mevcut Gecko ve WebKit davranışıyla uyumludur.
contentType alanını Resource Timing'e ekleyin
Bu özellik, sunucu tarafından döndürülen, getirilen kaynağın içerik türüne karşılık gelen bir dizeyi tutmak için contentType alanını PerformanceResourceTiming öğesine ekler.
Sürükleme başlangıcında işaretçi etkinliklerini engelle
HTML spesifikasyonuna göre, bir sürükleme işlemi başladığında kullanıcı aracısı, işaretçi etkinlik akışının sona erdiğini ve bu işaretçiden başka etkinlik beklenmemesi gerektiğini belirtmek için sürükleme kaynağına uygun etkinlikleri göndermelidir. Bu kod, fare etkinlikleri için kısmen, Android'deki dokunarak sürükleme işlemleri için ise tamamen uygulanmıştır. Chrome, bu özellik sayesinde diğer tüm platformlarda bu spesifikasyon şartını tam olarak karşılamayı amaçlar. Pratikte bu, sürükleme işlemi başladıktan sonra sürükleme kaynağının, mevcut etkinlik akışının bittiğini belirtmek için pointercancel, pointerout ve pointerleave etkinliklerini alacağı anlamına gelir.
WebRTC Datachannel: Veri kanallarını her zaman anlaşmaya tabi tut
Bu özellik, bir uygulamanın veri kanalı oluşturmadan önce SDP teklifinde veri kanalları için anlaşma yapma yöntemini tanımlayan bir WebRTC uzantısı olan alwaysNegotiateDataChannels'yı uygular. Bu, ses veya video m bölümlerinden önce veri m= bölümünü de belirler ve [BUNDLE] için "teklif veren tarafından etiketlenmiş m= bölümü" olarak kullanır.
Yani alwaysNegotiateDataChannels: true ile bir RTCPeerConnection oluşturup createOffer() yöntemini çağırırsanız SDP'de uygulama m satırı içeren bir teklif oluşturulur. Örneğin:
const pc = new RTCPeerConnection({
alwaysNegotiateDataChannels: true});
const offer = await pc.createOffer();
Ayrıca bir ses alıcı-vericisi ve veri kanalı eklerseniz teklif, SDP'de bir uygulama m satırı ve ardından bir ses m satırı için pazarlık yapar:
const pc = new RTCPeerConnection({
alwaysNegotiateDataChannels: true});
pc.addTransceiver('audio');
pc.createDataChannel('somechannel');
const offer = await pc.createOffer();
Yeni kaynak denemeleri
Chrome 148'de aşağıdaki yeni kaynak denemelerini etkinleştirebilirsiniz.
Temsilci Tabanlı Birleşik Giriş
Temsilci tarayıcıların, kullanıcıların birleşik hesaplarını kullanarak web sitelerine güvenli bir şekilde giriş yapmasına yardımcı olan bir dizi FedCM uzantısı.
Bağlantı İzin Verilenler Listeleri
Bağlantı İzin Verilenler Listeleri, bir dokümandan veya çalışandan Fetch API ya da diğer web platformu API'leri aracılığıyla başlatılan bağlantıları kısıtlayarak harici uç noktalar üzerinde açık kontrol sağlamak için tasarlanmış bir özelliktir. Önerilen uygulama, sunucudan bir HTTP yanıt başlığı aracılığıyla yetkili uç nokta listesi dağıtır. Kullanıcı aracısı, bir sayfa adına herhangi bir bağlantı kurmadan önce hedefi bu izin verilenler listesine göre değerlendirir. Doğrulanmış uç noktalara bağlantılara izin verilirken listedeki girişlerle eşleşmeyen bağlantılar engellenir.
Kapsayıcı Zamanlaması
Container Timing API, DOM'un ek açıklamalı bölümlerinin ekranda ne zaman gösterildiğini ve ilk boyamalarının ne zaman tamamlandığını izlemenize olanak tanır. DOM'un alt bölümlerini containertiming özelliğiyle (Element Timing API için elementtiming özelliğine benzer şekilde) işaretleyebilir ve bu bölüm ilk kez boyandığında performans girişleri alabilirsiniz. Bu API, sayfalarınızdaki çeşitli bileşenlerin zamanlamasını ölçmenize olanak tanır.
Bildirim temelli CSS modülü komut dosyaları
Bildirim temelli CSS modülü komut dosyaları, mevcut komut dosyası tabanlı CSS modülü komut dosyalarının bir uzantısıdır. Geliştiricilerin, bildirim temelli gölge kökler de dahil olmak üzere gölge köklerle bildirim temelli stil sayfaları paylaşmasına olanak tanır. Geliştiriciler, <style type="module" specifier="foo"> ile satır içi stil modülleri tanımlayabilir ve specifier veya <template shadowrootmode="open" shadowrootadoptedstylesheets="foo"> gibi bir URL'ye referans vererek bildirim temelli bir modülü bildirim temelli gölge DOM'a uygulayabilir.
HTML-in-canvas
HTML-in-canvas, içeriğin etkileşimini ve erişilebilirliğini korurken DOM öğelerini doğrudan bir tuval veya WebGL/WebGPU dokusunda özel oluşturmanıza olanak tanıyan yeni bir API'dir. Üç bölümden oluşur:
Tuval öğelerini etkinleştirmek için bir özellik (layoutsubtree),
Alt öğeleri çizmek için yöntemler (2d: drawElementImage,
webgl:texElementImage2D, webgpu: copyElementImageToTexture),
ve etkileşim için öğenin dönüşümünü ekranda doğru şekilde güncellemenin bir yolu.
İşlenmesi Uzun Süren Animasyon Çerçeveleri stil süresi
Bu özellik, İşlenmesi Uzun Süren Animasyon Çerçevesi API'sine styleDuration ve forcedStyleDuration bilgilerini ekler. Bu sayede geliştiriciler, stil ve düzen sürelerini ayırt edebilir.
OpaqueRange
OpaqueRange, form denetimi değerindeki canlı metin aralığını temsil eder
(ör. <textarea> veya metin <input>).
Böylece geliştiriciler, aralık benzeri API'leri kullanarak değer metniyle çalışabilir.
getBoundingClientRect() ve getClientRects() gibi işlemleri mümkün kılar.
Ayrıca satır içi öneriler, vurgulamalar ve sabitlenmiş popover'lar gibi
kullanıcı arayüzü öğeleri için CSS Highlights API ile birlikte kullanılabilir. Yalnızca değer ofsetlerini göstererek (ve startContainer ile endContainer için null döndürerek) kapsüllemeyi korur. Böylece DOM uç noktaları ve dahili yapı gösterilmez.
HTML'deki işleme talimatlarını ayrıştırma
İşleme talimatları (söz dizimi: <?target data>), XML'de gösterilen mevcut bir DOM yapısıdır. Bu yapı, öğe olmayan düğüm nesnelerinin bir dokümanın işlenmesi için semantik anlam taşımasına olanak tanır. Örneğin, yeni DOM öğeleri gerektirmeden ve CSS açısından DOM yapısını değiştirmeden akış veya vurgulama aralıklarını belirtmek için bunları kullanabilirsiniz. Bunları, HTML ayrıştırıcısına arabelleğe alma ve akış oluşturma konusunda talimat vermek için de kullanabilirsiniz.
İzin Politikası: focus-without-user-activation
Bu politika, yerleştiricilere focus-without-user-activation izinler politikası aracılığıyla yerleştirilmiş içerikten programatik odaklanma üzerinde kontrol sağlar. Bir çerçeve için politika reddedildiğinde, kullanıcı etkinliği tarafından tetiklenmediği sürece programatik odaklama çağrıları (element.focus(), autofocus, window.focus(), dialog.showModal() ve popover odaklama) engellenir. Tıklama veya sekme tuşuna basma gibi kullanıcı tarafından başlatılan odaklanma işlemleri hiçbir zaman etkilenmez. Politikayı Permissions-Policy HTTP yanıt başlığı veya iframe allow özelliği aracılığıyla ayarlayabilirsiniz. Odak yetkilendirmesi desteklenir. Odaklanmış bir üst çerçeve, alt iframe'in politikası reddedilmiş olsa bile odağı programatik olarak alt iframe'e aktarabilir. Bir çerçeve odaklandığında, odağı kendi alt ağacında taşıyabilir.
Prompt API örnekleme parametreleri
Bu özellik, Prompt API'ye örnekleme parametreleri ekler. Bu parametreler, jetonların modelden nasıl örnekleneceğini kontrol eder. Bu sayede geliştiriciler, çıktının yaratıcılığı veya rastgeleliği üzerinde kontrol sahibi olur. Ayrıca, ayarlanan değerleri okumak için LanguageModel örneğine özellikler ekler. Ayrıca bu parametrelerin varsayılan ve maksimum değerlerini almak için statik bir LanguageModel işlevi ekler. İlk uygulama, temperature ve topK parametrelerini ekler.
Web uygulaması HTML yükleme öğesi
Bu özellik, web sitelerinin kullanıcılardan deklaratif olarak web uygulaması yüklemelerini istemesine olanak tanır. Öğe, farklı bir kaynaktan içerik yüklemenize olanak tanıyan iki özelliği isteğe bağlı olarak kabul eder.