Yayınlanma tarihi: 8 Nisan 2026
Aksi belirtilmediği sürece 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'u ziyaret edin. Bu sürüm itibarıyla Chrome 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 bir CSS kapsayıcısını yalnızca container-name özelliğine göre sorgulayabilirsiniz. Bunun için öğede container-type ayarlamanız gerekmez.
#container {
container-name: --foo;
}
@container --foo {
input { background-color: green; }
}
<div id="container">
<div><input></div>
</div>
Kullanıcı etkileşiminde metin taşmasını kırpma
Bir kullanıcı, text-overflow: ellipsis ayarlanmış metinle etkileşime girdiğinde (örneğin, metni düzenlediğinde veya imleçle gezinmeyi kullandığında) 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şimde bulunabilir. Bu özellik, düzenlenebilir ve düzenlenemez tüm öğeler için geçerlidir. <textarea> ve <input> gibi form kontrollerinde bu davranış zaten desteklenmektedir.
dragEnter, dragLeave ve dragOver etkinlikleri için dropEffect değerini doğru şekilde ayarlayın.
Sürükle ve bırakma spesifikasyonları, dataTransfer nesnesinin dropEffect özelliğinin dragEnter, dragOver ve dragLeave üzerinde belirli önceden belirlenmiş değerlere sahip olmasını gerektirir. dragEnter ve dragOver, mevcut effectAllowed'ye göre dropEffect olmalıdır. dragLeave her zaman none dropEffect içermelidir. Chrome şu anda bu kurallara uymuyor.
Chrome 148'den itibaren Chrome, spesifikasyona uyacak ve bu özelliğe doğru değerleri atayacaktır.
Video ve ses öğelerini geç yükleme
Bu özellik, <video> ve <audio> öğelerine loading özelliğini ekler.
Bu, geliştiricilerin loading="lazy" kullanarak öğe görüntü alanına yakın olana kadar medya kaynağı yüklemeyi ertelemelerine olanak tanır. Bu, <img> ve <iframe> öğeleri için mevcut geç yükleme davranışıyla eşleşir. Bu sayede sayfa yükleme performansı iyileştirilir ve veri kullanımı azaltılır.
Özellik algılama için CSS at-rule() işlevi
Bu özellik, CSS'ye at-rule() işlevini ekler. Bu işlev, yazarların CSS @kuralları için desteklenen özellikleri tespit etmesine olanak tanır.@supports
revert-rule anahtar kelimesini ekleyin
revert-rule anahtar kelimesi, revert-layer'nin basamaklamayı önceki katmana geri döndürmesine benzer şekilde, basamaklamayı önceki kurala geri döndürür. Örneğin:
div { color: green; }
div { color: revert-rule; /* Effectively green */ }
Bu, özellikle koşullu ifadelerle kullanıldığında yararlıdır. Bir koşul karşılanmadığında mevcut kuralı 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 zaten auto ve none'ı destekliyor. all değeri, mürekkep atlama özelliğini CJK karakterleri de dahil olmak üzere tüm gliflere koşulsuz olarak uygulayarak bu durumu genişletir. Bunun aksine, auto, CJK karakterlerini atlamaz. Çünkü mürekkep atlama, ideografik komut dosyaları için tipik alt çizgi konumlarında istenmeyen görsel sonuçlar üretme eğilimindedir. text-decoration-skip-ink: all ile, text-underline-position veya text-underline-offset karakterlerini CJK glifleriyle çakışmayı önleyecek şekilde 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. Böylece uygulamalar adlarını, açıklamalarını, simgelerini ve kısayollarını kullanıcının diline ve bölgesine göre 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 iyi kontrol sağlayan değişken yazı tipleri oluşturmasına olanak tanır. Orijinal değişken yazı tipi spesifikasyonu eksenleri bağımsız olarak ele alırken avar2, eksenlerin birbirini etkilemesine olanak tanır. Bu sayede, içerik yazarlarının kullanabileceği daha kolay yazı tipleri elde edilir ve kompakt depolama sağlanır.
Avar2, yazı tipi varyasyonlarının aynı bilinen kavramlarını kullanarak çalışır ancak tasarım eksenlerine değişken delta değerleri uygulamanıza olanak tanır. Bunu birden fazla eksende yapabilirsiniz.
Örneğin, aynı anda birden fazla varyasyon eksenini kontrol eden meta kaydırıcılar oluşturabilirsiniz. Bu sayede kullanıcı, yazı tipi tasarım alanında ince ayar yapma ve faydalı bir köşe bulma zahmetinden kurtulur.
Avar2, yazı tipi tasarımcılarına yazı tiplerinin kullanılabilir varyasyon alanı üzerinde daha iyi kontrol olanağı sunar ve tasarım eksenlerinin ayarlanmasını birden fazla eksende koordine etmelerine olanak tanır. avar
sürüm 2 tablosunda eksenler arasındaki ilişkiler matematiksel olarak tanımlandığında, yazı tipleri daha az ana öğeyle karmaşık tasarımlar elde edebilir. Bu durum, enterpolasyon daha verimli bir şekilde depolandığı için daha küçük dosya boyutlarına yol açar.
Web Kimlik Doğrulama Anında Kullanıcı Arayüzü modu
navigator.credentials.get() için bu yeni mod, tarayıcıda siteye ait geçiş anahtarı veya şifre 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 sözü NotAllowedError ile reddeder. Bu sayede, tarayıcı oturum açma kimlik bilgilerinde başarılı olma ihtimali yüksek bir seçenek sunabiliyorsa site, oturum açma sayfası göstermeden devam edebilir. Yine de bu tür kimlik bilgilerinin olmadığı durumlarda oturum açma sayfası akışına izin verir.
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ı veya seri bağlantı noktasını taklit eden çıkarılabilir USB ve Bluetooth cihazları aracılığıyla bağlanabilir. API artık Android'de destekleniyor.
Kullanıcılar, özellikle eğitim, hobi ve sanayi sektörlerinde, kontrol etmek için özel yazılım gerektiren çevre birimlerini bilgisayarlarına bağlar. Örneğin, okullarda bilgisayar programlama ve elektronik öğretmek için genellikle robotik kullanılır. Bunun için bir robota kod yükleyebilen veya onu uzaktan kontrol edebilen bir yazılım gerekir. Endüstriyel veya hobi amaçlı ortamlarda, bağlı bir bilgisayarda çalışan bir program tarafından kontrol edilen ekipmanlar (ör. freze, lazer kesici veya 3D yazıcı) bulunur. Bu cihazlar genellikle seri bağlantı üzerinden küçük mikro denetleyicilerle kontrol edilir.
WebGPU linear_indexing özelliği
Bu işlev, kullanıcı deneyimini iyileştirmek için iki yeni yerleşik hesaplama gölgelendirici değeri ekler. Bu değerler, tüm arka uçlar için (mevcut yerleşik değerlerin polyfill'leri olarak) uygulanır.
Android'de SharedWorker desteği
SharedWorker, uzun süredir öngörülemeyen işlem yaşam döngüsüyle ilgili endişeler nedeniyle Android'de devre dışı bırakılmıştı. Chrome geliştiricileri, SharedWorker örneklerinin kullanıcılara veya web geliştiricilerine bildirimde bulunmadan beklenmedik bir şekilde sonlandırılacağını düşünüyordu. Bu durum kabul edilemez olarak değerlendirildi.
Ancak GitHub'daki son bir tartışma, SharedWorker'nin süreç yaşam döngüsünün tahmin edilemez yapısının, daha önce düşünüldüğü kadar önemli bir sorun olmayabileceğini gösteriyor. Bu nedenle Chrome, kararlı ve güvenilir bir deneyim sağlamak için bu davranışı araştırırken Android'de SharedWorker özelliğini yeniden etkinleştiriyor.
Paylaşılan çalışanlar için uzatılmış kullanım ömrü
Bu güncelleme, SharedWorker oluşturucusuna yeni bir seçenek olan extendedLifetime: true'ı ekler. Bu, paylaşılan çalışanın tüm mevcut istemciler kaldırıldıktan sonra bile etkin kalmasını ister. Birincil kullanım alanı, sayfaların bir sayfa kaldırıldıktan sonra JavaScript gerektiren eşzamansız işlemleri, bir hizmet çalışanına güvenmek zorunda kalmadan gerçekleştirmesine olanak tanımaktır.
Prompt API
Prompt API, web geliştiricilere tarayıcı tarafından sağlanan cihaz üzerinde yapay zeka dil modeline doğrudan erişim imkanı sunar. API tasarımı, bulut API şekilleriyle uyumlu, ayrıntılı kontrol sunar. Bu sayede, siteleri kişiselleştirilmiş kullanım alanlarına göre uyarlanmış model etkileşimleriyle kademeli olarak geliştirebilirsiniz. Bu, göreve dayalı dil modeli API'lerini (ör. Summarizer API) ve geliştirici tarafından sağlanan makine öğrenimi modelleriyle cihaz üzerinde genelleştirilmiş çı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 şema biçimlerine uygun olması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 arama yapabilir, sesleri yazıya dökebilir, ses olaylarını sınıflandırabilir, belirli talimatlara uygun metinler oluşturabilir ve çok formatlı kaynak materyalden bilgi ya da analiz çıkarabilir.
Bu API, Chrome uzantılarında kullanıma sunulmuştur. Bu amaç, web'deki kargoyu izler. Temel model indirmeyi devre dışı bırakmak için bir kurumsal politika,
GenAILocalFoundationalModelSettings, 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ümlerde yalnızca İngilizce (
'en') destekleniyordu. - 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 Secure Payment Confirmation (Güvenli Ödeme Onayı) uygulamasının özelliklerini almasına olanak tanır. Bu sayede web geliştiriciler, Güvenli Ödeme Onayı için hangi özelliklerin kullanılabildiğini öğrenebilir. Ardından, bu özelliklerle birlikte Güvenli Ödeme Onayı'nı kullanıp kullanmayacaklarına karar verebilirler.
IDNA ContextJ kuralları
IDNA, alan adlarındaki 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, CheckJoiners işaretini ayarlar. Bu işaret, IDNA2008 içindeki ContextJ kurallarını etkinleştirir. Bu, URL'lerin çoğu yerinde ZWNJ (U+200C ZERO WIDTH NON-JOINER) ve ZWJ (U+200D ZERO
WIDTH JOINER) karakterlerinin kullanılmasına izin vermez. Uygulama, bu kuralın uygulandığı ICU'ya UIDNA_CHECK_CONTEXTJ seçeneğini iletir.
Aynı kaynak yeniden atandığında mağaza dışı resimleri yeniden kullanma
Bu özellik, aynı dokümanda bulunan kullanılabilir resimlerin yeniden kullanılmasına olanak tanır. Aynı src değeri bir <img> öğesine yeniden atandığında Cache-Control:
no-store yeniden yükleme işlemi atlanır.
Daha önce Blink, resim zaten çözülmüş ve dokümanda mevcut olsa bile resmi yeniden getiriyordu. Bu, mevcut Gecko ve WebKit davranışıyla uyumludur.
contentType alanını Kaynak Zamanlaması'na ekleyin.
Bu özellik, getirilen kaynağın içerik türüne karşılık gelen bir dizeyi tutmak için contentType alanını PerformanceResourceTiming'ye ekler.
Sürükleme başlatıldığında işaretçi etkinliklerini bastır
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'de 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çlamaktadır. Pratikte bu, bir sürükleme işlemi başladıktan sonra sürükleme kaynağının, mevcut etkinlik akışının tamamlandığını belirtmek için pointercancel, pointerout ve pointerleave etkinliklerini alacağı anlamına gelir.
WebRTC Datachannel: Veri kanalları her zaman görüşülür
Bu özellik, alwaysNegotiateDataChannels adlı bir WebRTC uzantısını uygular. Bu uzantı, bir uygulamanın veri kanalı oluşturmadan önce SDP teklifinde veri kanalları üzerinde anlaşmanın bir yolunu tanımlar. Bu, m= bölümündeki verileri herhangi bir ses veya video m bölümünden önce de görüşür ve [BUNDLE] için "teklif veren tarafından etiketlenmiş m= bölümü" olarak kullanır.
Bu, RTCPeerConnection ile alwaysNegotiateDataChannels: true oluşturup createOffer()'yi çağırdığınızda SDP'de uygulama m-satırı içeren bir teklif oluşturulacağı anlamına gelir. Örneğin:
const pc = new RTCPeerConnection({
alwaysNegotiateDataChannels: true});
const offer = await pc.createOffer();
Ayrıca bir ses alıcı-vericisi ve veri kanalı da eklerseniz teklif, SDP'de uygulama m-satırını ve ardından ses m-satırını içeren bir anlaşma 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.
Ajan tabanlı birleşik giriş
Kullanıcıların, birleştirilmiş 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ı izin verilenler listeleri, Fetch API veya diğer web platformu API'leri aracılığıyla başlatılan bağlantıları bir dokümandan ya da çalışandan kısıtlayarak harici uç noktalar üzerinde açık kontrol sağlamak için tasarlanmış bir özelliktir. Önerilen uygulama, yetkili uç nokta listesini sunucudan bir HTTP yanıtı üstbilgisi aracılığıyla dağıtır. Kullanıcı aracısı, bir sayfa adına herhangi bir bağlantı oluşturmadan önce hedefi bu izin verilenler listesine göre değerlendirir. Doğrulanmış uç noktalarla 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çıklama eklenmiş bölümlerinin ne zaman ekranda 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 işaretleyebilir (Element Timing API'deki elementtiming özelliğine benzer şekilde) 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ına dayalı CSS modülü komut dosyalarının bir uzantısıdır. Geliştiricilerin, bildirimsel gölge kökleri de dahil olmak üzere bildirimsel stil sayfalarını gölge kökleriyle 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 başvurarak bildirimsel bir modülü bildirimsel bir gölge DOM'a uygulayabilir.
HTML-in-canvas
HTML-in-canvas, içeriğin etkileşimini ve erişilebilirliğini korurken oluşturma DOM öğelerini doğrudan bir tuval veya WebGL / WebGPU dokusuna özelleştirmenize 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 stilinin 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üzenleme sürelerini ayırt edebilir.
OpaqueRange
OpaqueRange, bir form kontrolünün değeri içindeki canlı bir metin aralığını (örneğin, <textarea> veya metin <input>) temsil eder. Böylece geliştiriciler, aralık benzeri API'leri kullanarak değer metniyle çalışabilir.
Bu API, getBoundingClientRect() ve getClientRects() gibi işlemleri etkinleştirir ve satır içi öneriler, vurgular ve sabitlenmiş popover'lar gibi kullanıcı arayüzü için CSS Highlights API ile birlikte kullanılabilir. Yalnızca değer ofsetlerini göstererek (startContainer ve endContainer için null döndürerek) kapsüllemeyi korur. Bu nedenle, DOM uç noktaları ve iç yapı gösterilmez.
HTML'deki işleme talimatlarını ayrıştırma
İşlem 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 anlamsal anlam taşımasını sağlar. Ö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. Ayrıca, HTML ayrıştırıcısı için arabelleğe alma ve akışla ilgili yönergeler olarak da kullanabilirsiniz.
İzin politikası: focus-without-user-activation
Bu politika, yerleştiricilere focus-without-user-activation izin politikası aracılığıyla yerleştirilmiş içerikteki programatik odak üzerinde kontrol sağlar. Bir çerçeve için politika reddedildiğinde, kullanıcı etkinleştirme tarafından tetiklenmediği sürece programatik odaklanma çağrıları (element.focus(), autofocus, window.focus(), dialog.showModal() ve popover odaklanma) engellenir. Kullanıcı tarafından başlatılan odaklanma (ör. tıklama veya sekme ile geçiş) hiçbir zaman etkilenmez. Politikayı bir Permissions-Policy HTTP yanıt başlığı veya iframe allow özelliği aracılığıyla ayarlayabilirsiniz. Odaklanma
devri desteklenir. Odaklanmış bir üst çerçeve, alt öğede politika reddedilmiş olsa bile odağı programatik olarak alt iFrame'e geçirebilir. Odaklanan bir çerçeve, kendi alt ağacında odağı taşıyabilir.
Prompt API örnekleme parametreleri
Bu özellik, Prompt API'ye örnekleme parametreleri ekler. Bu parametreler, jetonların modelden nasıl örneklenmesini kontrol eder. Böylece geliştiriciler, çıkışı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 uygulamada temperature ve topK parametreleri eklenir.
Web uygulaması HTML yükleme öğesi
Bu özellik, bir web sitesinin kullanıcılardan web uygulaması yüklemelerini istemesine olanak tanır. Bu öğe, farklı bir kaynaktan içerik yüklemenize olanak tanıyan iki özelliği isteğe bağlı olarak kabul eder.