Chrome 140 beta

Yayınlanma tarihi: 6 Ağustos 2025

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. Burada listelenen özellikler hakkında daha fazla bilgiyi verilen 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

Türlenmiş 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 yazılmamış bir değere dönüştürmenize ve sayı kabul eden özellikler için yeniden kullanmanıza olanak tanıdığı için tipografide kullanışlıdır. Başka bir kullanım alanı da birimsiz değeri başka bir türle çarpmaktır. Örneğin, pikselden 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": Öğe, kaydırma işaretçisi grubu kapsayıcısı oluşturmaz.
  • "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şturularak 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 parça tanımlayıcılı 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 mülkünün 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üntüleme geçişi sözde ağacı artık bir dizi animasyon özelliğini devralıyor:

  • animation-delay
  • animation-timing-function
  • animation-iteration-count
  • animation-direction
  • animation-play-state

İç içe görünüm geçişlerini etkinleştirme

Bu özellik, görünüm 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 3D dönüştürme ve opaklık, maskeleme ve filtre 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 yayar. CSS çalışma grubu, <body> öğesindeki özelliklerin görünüm alanına yayılmamasına karar verdi. Bunun yerine, görünüm penceresinin ö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ışı animasyona müdahale eder.

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'si

highlightsFromPoint API, geliştiricilerin özel vurgularla 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ı vurgu algılama özelliği sayesinde geliştiricilerin özel vurgularla 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 kullanıcı tıklamalarına ya da vurgulanan bölgelerdeki 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, söz çözümü sonucunda çalışan kodun, görünüm geçişini kaldıran görsel kare oluşturulduktan sonra gerçekleştiği anlamına gelir. Komut dosyası, görsel olarak benzer bir durumu korumak için stilleri taşıyorsa bu durum animasyonun sonunda titremeye neden olabilir. Bu değişiklik, ViewTransition temizleme adımlarını yaşam döngüsü tamamlandıktan sonra eşzamansız olarak çalışacak şekilde taşıyarak sorunu çözer.

ToggleEvent source [kaynak] özelliğini ekleyin.

Bir ToggleEvent öğesinin source özelliği, varsa ToggleEvent öğesinin tetiklenmesine neden olan öğeyi içerir. Örneğin, bir kullanıcı, popover açmak için popovertarget veya commandfor özelliği ayarlanmış bir <button> öğesini tıkladığında, popover'da tetiklenen ToggleEvent öğesinin kaynak özelliği, çağıran <button> olarak ayarlanır.

SVG'nin foreignObject blob URL'leri için tuvali kirletmesini önleme

Tüm tarayıcılar, <img> öğesinin HTML tuvalinde SVG kaynağıyla kullanılmasını uzun süredir desteklemektedir drawImage. Ancak tuvalin kirlenme davranışı platformlar arasında farklılık gösterir. SVG kaynağı bir foreignObject etiketi içerdiğinde ve bir HTTP URI'si ile referans verildiğinde tüm tarayıcılar tuvali kirletir. Aynı SVG, veri URI'si üzerinden 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, daha geniş bir SVG içeriği yelpazesinin, drawImage çağrılarında bozulmadan kullanılmasına olanak tanınır.

@font-face rule'te font-variation-settings tanımlayıcısını destekleme

CSS, geliştiricilerin tek tek öğelerde font-variation-settings özelliğini kullanarak bir yazı tipinin ağırlığını, genişliğini, eğimini ve diğer eksenlerini ayarlamasına olanak tanır. Ancak, Chromium tabanlı tarayıcılarda @font-face bildirimlerinde bu özellik desteklenmez. 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ı. Chromium'da bu tanımlayıcı için 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 kullanın

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 çözümlenmeden önce kaç öğenin yazıldığını garanti etmiyor. min değeri belirterek akışın okuma işlemini çözmeden önce en az o kadar öğenin kullanılabilir olmasını zorunlu tutabilirsiniz. Bu, okumaların görünümün tutabileceğinden daha az öğeyle çözülebileceği mevcut davranışı iyileştirir.

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 çerezlerle ilgilidir. Ancak beklenmedik kod (ör. XSS açığı, kötü amaçlı uzantı veya kafası karışmış bir geliştiricinin yaptığı commit) bu çerezleri istemcide ayarlayabilir. Bu teklif, sunucuların bu tür bir ayrım yapmasına olanak tanıyan bir sinyal ekler. Daha spesifik olarak, komut dosyası kullanılarak istemci tarafında çerez ayarlanmamasını sağlayan __Http ve __HostHttp öneklerini tanımlar.

Yerel ağ erişimi kısıtlamaları

Chrome 140, kullanıcının yerel ağına istek gönderme özelliğini kısıtlayarak izin istemi gösterilmesini zorunlu kılar. Yerel ağ isteği, herkese açık 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 gerçekleştirmesini izinle sınırlamak, yönlendiriciler gibi yerel ağ cihazlarına yönelik siteler arası istek sahteciliği saldırısı riskini azaltır. Ayrıca, sitelerin bu istekleri kullanarak kullanıcının yerel ağının parmak izini alma olanağı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.

Yerel ağ erişimi için yeni izin istemi başlıklı makaleden daha fazla bilgi edinin.

SharedWorker komut dosyalarının, blob komut dosyası URL'leri için denetleyiciyi devralmasını sağlama

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 zamanlama API'sinde ve kaynak zamanlama API'sinde kullanıma sunulan ServiceWorker statik yönlendirme API'si için zamanlama bilgileri ekler. ServiceWorker, belirli zaman noktalarını işaretlemek için zamanlama bilgileri sağlar.

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, iki yönlendirici kaynağı bilgisi 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, bir API yöntemleri ve etkinlikleri koleksiyonuyla yerleştirilmiş içeriğin kontrol edilmesine de olanak tanır. Yalıtılmış web uygulamaları hakkında daha fazla bilgi için Yalıtılmış web uygulamaları 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.

clipboardchange etkinliği, bir web uygulaması veya başka bir sistem uygulaması, sistem panosunun içeriğini her değiştirdiğinde tetiklenir. Bu sayede, uzak masaüstü istemcileri gibi web uygulamaları, panolarını sistem panosuyla senkronize edebilir. Bu API, 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, hem yerel hem de web uygulamaları olan uygulamaların yerel ve web uygulamaları arasındaki boşluğu doldurmaya yardımcı olur.

Kilitlenme raporlama anahtar-değer API'si kullanıma sunuldu

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 desteklediği haritaya yerleştirilen veriler, sitede herhangi bir oluşturma işlemi çökerse CrashReportBody içinde gönderilir. Bu sayede geliştiriciler, uygulamalarındaki hangi durumun belirli bir kilitlenmeye neden olabileceğini ayıklayabilir.

Kullanımdan kaldırmalar

Bu Chrome sürümünde, aşağıda listelenen desteği sonlandırma ve kaldırma işlemleri uygulanmaktadır. Planlanan kullanımdan kaldırmalar, mevcut kullanımdan kaldırmalar 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ğini sonlandırma

HTML spesifikasyonunda, <article>, <aside>, <nav> veya <section> öğeleri içinde yerleştirilmiş <h1> etiketleriyle ilgili özel kuralların listesi bulunur.

Erişilebilirlik sorunlarına neden oldukları için bu özel kuralların desteği sonlandırıldı. Örneğin, iç içe yerleştirilmiş <h1>'lerin yazı tipi boyutunu görsel olarak küçülterek <h2> gibi görünmelerini sağlıyorlar ancak erişilebilirlik ağında bu görsel değişiklik yansıtılmıyor.