Yayınlanma tarihi: 6 Ağustos 2025
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. Burada listelenen özellikler hakkında daha fazla bilgiyi sağlanan bağlantılardan veya ChromeStatus.com'daki listeden edinebilirsiniz. Chrome 140, 6 Ağustos 2025 itibarıyla beta sürümündedir. Masaüstü için resmi Chrome web sitesinden, Android için ise Google Play Store'dan en son sürümü indirebilirsiniz.
CSS ve kullanıcı arayüzü
CSS'de türü belirlenmiş aritmetik
Yazılan aritmetik, CSS'de calc(10em / 1px) veya calc(20% / 0.5em * 1px) gibi ifadeler yazmanıza olanak tanır. Örneğin, yazılan bir değeri türsüz bir değere dönüştürmenize ve sayı kabul eden özellikler için yeniden kullanmanıza olanak tanıdığından tipografide kullanışlıdır. Başka bir kullanım alanı da birimsiz değeri başka bir türle çarpmaktır. Örneğin, pikselleri dereceye dönüştürebilirsiniz.
scroll-target-group özelliği
scroll-target-group özelliği, öğenin kaydırma işaretçisi grubu kapsayıcısı olup olmadığını belirtir. Aşağıdaki değerlerden birini kabul eder:
- "none": Öğede kaydırma işaretçisi grubu kapsayıcısı oluşturulmaz.
- "auto": Öğede, bu öğenin en yakın üst öğe kaydırma işaretçisi grubu kapsayıcısı olduğu tüm kaydırma işaretçisi öğelerini içeren bir kaydırma işaretçisi grubu oluşturan kaydırma işaretçisi grubu kapsayıcısı oluşturulur.
Bir kaydırma işaretçisi grubu kapsayıcısı oluşturmak, bu tür bir kapsayıcının içindeki bir parça tanımlayıcısı olan tüm bağlantı HTML öğelerinin ::scroll-marker sözde öğelerinin HTML eşdeğeri olmasını sağlar. Kaydırma hedefi şu anda görünümde olan bağlantı öğesi, :target-current sözde sınıfı kullanılarak stillendirilebilir.
content mülkünün alternatif metninde counter() ve counters() özelliklerini etkinleştirme
Bu özellik, counter() ve counters() özelliklerinin content özelliğinin alternatif metninde kullanılabilmesini sağlar. Bu sayede, erişilebilirliği artırmak için daha anlamlı bilgiler sağlanır.
Görünüm geçişi sözde sınıfları daha fazla animasyon özelliği devralır
Görünüm geçişi sözde ağacı artık bir dizi animasyon özelliğini devralıyor:
animation-delayanimation-timing-functionanimation-iteration-countanimation-directionanimation-play-state
İç içe görünüm geçişlerini etkinleştirme
Bu özellik, görüntüleme geçişlerinin düz bir ağaç yerine iç içe yerleştirilmiş bir sözde öğe ağacı oluşturmasına olanak tanır. Bu sayede, görünüm geçişi orijinal öğeleri ve görsel amacı ile daha uyumlu görünür. Kırpma, iç içe yerleştirilmiş 3D dönüştürmeler ve opaklık, maskeleme ve filtreler gibi efektlerin doğru şekilde uygulanmasını sağlar.
Görüntü alanını kökten yayma overscroll-behavior
Bu değişiklik, gövde yerine kökten overscroll-behavior değerini yayar. CSS çalışma grubu, <body> öğesindeki özelliklerin görünüm penceresine yayılmamasına karar verdi. Bunun yerine, görünüm alanının özellikleri kök (<html>) öğeden yayılır. Bu nedenle, overscroll-behavior kök öğeden yayılmalıdır. Ancak Chrome'da uzun süredir devam eden bir sorun var: overscroll-behavior, kök yerine <body>'den yayılıyor. Bu davranış, diğer tarayıcılarla birlikte çalışmaz. Bu değişiklik, Chrome'un spesifikasyona uymasını ve diğer uygulamalarla birlikte çalışmasını sağlar.
ScrollIntoView kapsayıcı seçeneği
ScrollIntoViewOptions kapsayıcı seçeneği, geliştiricilerin yalnızca en yakın üst öğe kaydırma kapsayıcısını kaydıran bir scrollIntoView işlemi gerçekleştirmesine olanak tanır. Örneğin, aşağıdaki snippet yalnızca target öğesinin kaydırma kapsayıcısını kaydırarak target öğesini görünür hale getirir ancak tüm kaydırma kapsayıcılarını görünüm alanına kaydırmaz:
target.scrollIntoView({container: 'nearest'});
CSS caret-animation özelliğini ekleyin.
Chromium, caret-color özelliğinin animasyonunu destekler. Ancak animasyonlu olduğunda, imlecin varsayılan yanıp sönme davranışı animasyonu etkiler.
CSS caret-animation özelliğinin iki olası değeri vardır: auto ve manual.
auto, tarayıcı varsayılanı (yanıp sönen) anlamına gelir. manual ise imleç animasyonunun geliştirici tarafından kontrol edildiği anlamına gelir. Ayrıca, yanıp sönen veya parlayan görsellerden rahatsız olan ya da bu görsellere karşı olumsuz tepkiler veren kullanıcılar, kullanıcı stil sayfasıyla yanıp sönmeyi devre dışı bırakabilir.
highlightsFromPoint API
highlightsFromPoint API, geliştiricilerin özel öne çıkan anlarla etkileşim kurmasını sağlar. Bir belgedeki belirli bir noktada hangi vurguların olduğunu algılar. Bu etkileşim, birden fazla vurgunun çakışabileceği veya gölge DOM'da bulunabileceği karmaşık web özellikleri için değerlidir. API, hassas nokta tabanlı önemli an algılama özelliği sayesinde geliştiricilerin özel önemli anlarla dinamik etkileşimleri daha etkili bir şekilde yönetmesini sağlar. Örneğin, geliştiriciler özel ipuçlarını, bağlam menülerini veya diğer etkileşimli özellikleri tetiklemek için vurgulanan bölgelerdeki kullanıcı tıklamalarına veya fareyle üzerine gelme etkinliklerine yanıt verebilir.
Görünüm geçişi tamamlandı sözü zamanlamasını değiştirme
Mevcut tamamlanmış söz zamanlaması, oluşturma yaşam döngüsü adımları içinde gerçekleşir. Bu, görünüm geçişini kaldıran görsel çerçeve oluşturulduktan sonra söz çözümü sonucunda çalışan kodun gerçekleştiği anlamına gelir. Bu durum, komut dosyası görsel olarak benzer bir durumu korumak için stilleri taşıdığında animasyonun sonunda titremeye neden olabilir. Bu değişiklik, yaşam döngüsü tamamlandıktan sonra ViewTransition temizleme adımlarının eşzamansız olarak çalıştırılmasını sağlayarak sorunu çözer.
ToggleEvent kaynak özelliğini ekleyin
Bir ToggleEvent öğesinin source özelliği, varsa ToggleEvent öğesinin tetiklenmesine neden olan öğeyi içerir. Örneğin, bir kullanıcı <button>
özelliği popover açılacak şekilde ayarlanmış bir popovertarget veya commandfor öğesini tıkladığında, popover'da tetiklenen ToggleEvent öğesinin kaynak özelliği, çağıran <button> olarak ayarlanır.
SVG foreignObject öğesinin, blob URL'leri için tuvali kirletmesini önleme
Tüm tarayıcılar, drawImage işleminde HTML tuvalinde SVG kaynağı olan bir <img> öğesinin kullanılmasını uzun süredir desteklemektedir. Ancak tuvalin kirlenme davranışı platformlar arasında farklılık gösterir. SVG kaynağı bir foreignObject etiketi içerdiğinde ve bir HTTP URI ile referans verildiğinde tüm tarayıcılar tuvali kirletir. Aynı SVG, veri URI'si aracılığıyla referans verildiğinde tüm tarayıcılar tuvali kirletmez.
Ancak bir blob URI'si kullanıldığında hem Chromium (bu değişiklikten önce) hem de WebKit tuvali kirletir ancak Gecko kirletmez. Bu özellik kullanıma sunulduğunda Chromium'un davranışı Gecko'nun davranışıyla eşleşir. Böylece, tuval drawImage çağrılarında daha geniş bir SVG içeriği yelpazesinin bozulmadan kullanılmasına olanak tanınır.
@font-face rule içinde font-variation-settings tanımlayıcısını destekleme
CSS, geliştiricilerin tek tek öğelerde font-variation-settings özelliğini kullanarak bir yazı tipinin kalınlığını, genişliğini, eğimini ve diğer eksenlerini ayarlamasına olanak tanır. Ancak Chromium tabanlı tarayıcılar, @font-face bildirimlerinde bu özelliği desteklemez. Bu özellik, CSS Fonts Level 4'te tanımlandığı şekilde font-variation-settings için dize tabanlı söz dizimini destekler. Geçersiz veya tanınmayan özellik etiketleri, spesifikasyona göre yoksayılır. İkili veya standart olmayan formlar desteklenmez. Değişken yazı tipleri, hem performans hem de tipografik esneklik açısından daha yaygın olarak kullanılmaya başlandı. Bu tanımlayıcı için Chromium'a destek eklemek kontrolü artırır, tekrarı azaltır ve web tipografisine daha ölçeklenebilir, modern bir yaklaşımı destekler.
Web API'leri
Uint8Array öğesini base64 ve onaltılık biçimlerine dönüştürme
Base64, rastgele ikili verileri ASCII olarak temsil etmenin yaygın bir yoludur. JavaScript, ikili veriler için Uint8Arrays içerir. Ancak bu verileri Base64 olarak kodlamak veya Base64 verilerini alıp karşılık gelen bir Uint8Array oluşturmak için yerleşik bir mekanizma yoktur. Bu özellik, onaltılık dizeler ve Uint8Arrays arasında dönüştürme yapma olanağı ve yöntemleri ekler.
ReadableStreamBYOBReader min seçeneğini kullanma
Bu özellik, mevcut ReadableStreamBYOBReader.read(view) yöntemine min seçeneğini ekler. Yöntem, verileri okuduğu bir ArrayBufferView öğesini zaten kabul ediyor ancak şu anda okuma işlemi tamamlanmadan önce kaç öğenin yazıldığını garanti etmiyor. min
değeri belirterek akışın okuma işlemini çözmeden önce en az o kadar öğe kullanılabilir olana kadar beklemesini zorunlu kılabilirsiniz. Bu, okumaların görünümün tutabileceğinden daha az öğeyle çözülebileceği mevcut davranışı iyileştirir.
Http çerez öneki
Bazı durumlarda, sunucu tarafında sunucu tarafından ayarlanan çerezler ile istemci tarafından ayarlanan çerezleri ayırt etmek önemlidir. Bu tür durumlardan biri, normalde her zaman sunucu tarafından ayarlanan çerezleri içerir. Ancak beklenmedik kodlar (ör. XSS açığı, kötü amaçlı uzantı veya kafası karışmış bir geliştiricinin yaptığı commit) istemcide bu çerezleri ayarlayabilir. Bu teklif, sunucuların bu tür bir ayrım yapmasına olanak tanıyan bir sinyal ekler. Daha spesifik olarak, __Http ve __HostHttp öneklerini tanımlar. Bu önekler, istemci tarafında komut dosyası kullanılarak çerez ayarlanmamasını sağlar.
Yerel ağ erişimi kısıtlamaları
Chrome 140, kullanıcının yerel ağına istekte bulunma özelliğini kısıtlayarak izin istemi gösterilmesini zorunlu kılar. Yerel ağ isteği, genel bir web sitesinden yerel bir IP adresine veya geri döngüye ya da yerel bir web sitesinden (ör. intranet) geri döngüye yapılan tüm isteklerdir. Web sitelerinin bu istekleri yapabilmesi için izin verilmesi, yönlendiriciler gibi yerel ağ cihazlarına yönelik siteler arası istek sahteciliği saldırıları riskini azaltır. Ayrıca, sitelerin bu istekleri kullanarak kullanıcının yerel ağının parmak izini alma olasılığını da azaltır. Bu izin, güvenli bağlamlarla sınırlıdır. İzin verilirse birçok yerel cihaz çeşitli nedenlerle herkese açık olarak güvenilen TLS sertifikaları alamadığından, yerel ağ istekleri için karma içerik engelleme de gevşetilir.
Daha fazla bilgiyi Yerel ağ erişimi için yeni izin istemi başlıklı makalede bulabilirsiniz.
SharedWorker komut dosyalarının, blob komut dosyası URL'leri için denetleyiciyi devralmasını etkinleştirme
Spesifikasyonda, işleyicilerin blob URL'si için denetleyicileri devralması gerektiği belirtilir. Ancak mevcut kod, yalnızca özel çalışanların denetleyiciyi devralmasına izin verir. Paylaşılan çalışanlar denetleyiciyi devralmaz. Bu düzeltme, Chrome'un davranışını spesifikasyonla uyumlu hale getirir. Bu özellik, SharedWorkerBlobURLFixEnabled kurumsal politikası tarafından kontrol edilir.
ServiceWorkerStaticRouterTimingInfo ekle
Bu özellik, geliştiricilerin kullanması için gezinme zamanlaması API'sinde ve kaynak zamanlaması API'sinde kullanıma sunulan ServiceWorker statik yönlendirme API'si için zamanlama bilgileri ekler. ServiceWorker provides timing information to mark certain points in time.
Bu özellik, Static Routing API ile ilgili iki zamanlama bilgisi ekler:
RouterEvaluationStart: Bir isteği kayıtlı yönlendirici kurallarıyla eşleştirmeye başlama zamanı.CacheLookupStart: Kaynak"cache"ise önbellek depolama alanını aramaya başlama zamanı.
Ayrıca bu özellik, yönlendirici kaynağıyla ilgili iki bilgi ekler: eşleşen yönlendirici kaynağı ve nihai yönlendirici kaynağı.
Android'de Web Kimlik Doğrulama koşullu oluşturma özelliğini etkinleştirme (kullanıma sunulmadı)
Yalıtılmış web uygulamaları
Controlled Frame API'yi kullanıma sunma
Bu özellik, yalnızca yalıtılmış web uygulamalarında (IWA) kullanılabilen bir Controlled Frame API ekler. Diğer platformlardaki benzer adlı API'ler gibi, Controlled Frame de <iframe> içine yerleştirilemeyen üçüncü taraf içerikleri de dahil olmak üzere tüm içeriklerin yerleştirilmesine olanak tanır.
Controlled Frame, yerleştirilmiş içeriğin bir API yöntemi ve etkinlik koleksiyonuyla kontrol edilmesine de olanak tanır. Yalıtılmış web uygulamaları hakkında daha fazla bilgi için Yalıtılmış web uygulamalarıyla ilgili açıklayıcı başlıklı makaleyi inceleyin.
Yeni kaynak denemeleri
Chrome 140'ta aşağıdaki yeni origin denemelerini etkinleştirebilirsiniz.
clipboardchange etkinliğini ekleyin
Bir web uygulaması veya başka bir sistem uygulaması, sistem panosunun içeriğini her değiştirdiğinde clipboardchange etkinliği tetiklenir. Bu sayede, uzaktan masaüstü istemcileri gibi web uygulamaları, panolarını sistem panosuyla senkronize edebilir. Değişiklikler için JavaScript ile pano yoklamasına verimli bir alternatif sunar.
Gelen arama bildirimlerini etkinleştirme
Bu özellik, yüklü PWA'ların gelen arama bildirimleri (arama stili düğmeler ve zil sesi içeren bildirimler) göndermesine olanak tanımak için Notifications API'yi genişletir. Bu uzantı, kullanıcıların arama bildirimlerini tanımasını ve yanıtlamasını kolaylaştırarak VoIP web uygulamalarının daha ilgi çekici deneyimler oluşturmasına yardımcı olur. Ayrıca bu özellik, her ikisine de sahip olan uygulamaların yerel ve web uygulamaları arasındaki boşluğu kapatmaya yardımcı olur.
Kilitlenme raporlama anahtar-değer API'sini kullanıma sunma
Bu özellik, kilitlenme raporlarına eklenen verileri tutan, belge başına bir harita ile desteklenen, geçici olarak window.crashReport olarak adlandırılan yeni bir anahtar/değer API'si sunar.
Bu API'nin destekleyici haritasına yerleştirilen veriler, sitede herhangi bir oluşturucu işlemi kilitlenmesi meydana gelirse CrashReportBody içinde gönderilir. Bu sayede geliştiriciler, uygulamalarındaki hangi durumun belirli bir kilitlenmeye neden olabileceğini ayıklayabilir.
Desteği sonlandırma ve kaldırma
Chrome'un bu sürümünde, aşağıda listelenen desteğin sonlandırılması ve kaldırma işlemleri uygulanmaktadır. Planlanan desteği sonlandırma işlemleri, mevcut desteği sonlandırma işlemleri ve daha önce kaldırılan özelliklerin listeleri için ChromeStatus.com'u ziyaret edin.
Chrome'un bu sürümünde bir özellik desteği sonlandırılıyor.
Bazı öğelerde <h1> için özel yazı tipi boyutu kurallarının desteğinin sonlandırılması
HTML spesifikasyonu, <article>, <aside>, <nav> veya <section> öğeleri içine yerleştirilmiş <h1> etiketleriyle ilgili özel kuralların listesini içerir.
Bu özel kurallar, erişilebilirlik sorunlarına neden oldukları için kullanımdan kaldırılmıştır.
Özellikle, iç içe yerleştirilmiş <h1> öğelerinin yazı tipi boyutunu görsel olarak küçülterek <h2> gibi görünmelerini sağlıyorlar ancak erişilebilirlik ağacında bu görsel değişiklik yansıtılmıyor.