Ekim ayında web platformundaki yenilikler

Ekim 2026'da kararlı ve beta web tarayıcılarına eklenen bazı ilginç özellikleri keşfedin.

Rachel Andrew

Yayınlanma tarihi: 29 Ekim 2026

Kararlı tarayıcı sürümleri

Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1 ve Safari 27.2 Ekim 2026'da kararlı sürüm olarak yayınlandı. Bu yayında, bu ay tarayıcılarda kullanıma sunulan yeni özellikler ele alınmaktadır. Birçok önemli özellik, Baseline'da yeni kullanıma sunulmuştur.

Kaydırmaya dayalı animasyonlar Baseline'a dahil edildi

Firefox 159, varsayılan olarak kaydırmaya dayalı animasyonları etkinleştirir.

Kaydırmaya dayalı animasyonlar, bir CSS animasyonunun veya Web Animations API animasyonunun ilerleme durumunu, scroll-timeline ve scroll() işlevini kullanarak bir kaydırma kapsayıcısının kaydırma ofsetine ya da animation-timeline ile atanan view-timeline ve view() işlevini kullanarak kaydırma alanındaki bir öğenin görünürlüğüne bağlamanıza olanak tanır:

Chrome, Safari ve artık Firefox 159'da desteklenen kaydırmaya dayalı animasyonlar, Baseline'da yeni kullanıma sunuldu.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Kaydırmaya dayalı animasyonlar: Baseline'a giden yol Yeni kullanılabilir başlıklı makaleyi inceleyin ve zaman çizelgesini kaydırarak kaydırmaya dayalı animasyonların 2014'ün başlarındaki bir tekliften tüm temel tarayıcı motorlarında sunulan birlikte çalışabilir bir web standardına nasıl dönüştüğünü keşfedin.

Kapsamlı özel öğe kayıt defterleri Baseline'a dahil edildi

Firefox 159, kapsamlı özel öğe kayıt defterleri için destek ekler.

Daha önce, tüm özel öğelerin tek bir global window.customElements kayıt defterine kaydedilmesi gerekiyordu. Bu durum, farklı kitaplıklardan veya ekiplerden bileşenler birleştirilirken ad çakışmalarına neden olabiliyordu. Artık CustomElementRegistry() oluşturucusunu kullanarak bağımsız bir CustomElementRegistry örneği oluşturabilir ve tanımlarını belirli bir gölge ağaçla sınırlayabilirsiniz. customElementRegistry özelliği Document, Element ve ShadowRoot için de kullanılabilir.

Chrome, Safari ve Firefox 159'da desteklenen kapsamlı özel öğe kayıt defterleri artık Baseline'da yeni kullanılabilir durumda.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

JPEG XL resim desteği

Hem Chrome 155 hem de Firefox 158, varsayılan olarak JPEG XL (image/jxl) resim biçimi desteğini etkinleştirir.

JPEG XL, ISO/IEC 18181 olarak standartlaştırılmış, telifsiz bir raster resim biçimidir. Kayıplı ve kayıpsız sıkıştırma, aşamalı kod çözme, geniş renk gamları, yüksek dinamik aralık (HDR), yüksek bit derinlikleri, şeffaflık ve animasyonun yanı sıra mevcut JPEG dosyalarının kayıpsız kod dönüştürme işlemlerini destekler. Firefox 158, resim istekleri için varsayılan HTTP Accept üstbilgisini de image/jxl içerecek şekilde günceller.

Chrome'da JPEG XL'yi kullanıma sunma başlıklı makaleden daha fazla bilgi edinebilirsiniz.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

CSS yazılı aritmetik, Baseline'a dahil oldu

Firefox 158, calc() gibi matematik işlevlerinde CSS türünde aritmetik desteği ekler.

CSS türünde aritmetik, aynı veri türüne sahip iki değeri (farklı birimler kullansalar bile) bölerek birimsiz bir <number> bölümü elde etmenizi sağlar. Bu birimsiz sonucu, sayı kabul eden özelliklerde (opacity veya line-height gibi) doğrudan kullanabilir ya da türler arasında dönüştürme yapmak için başka bir birimle çarpabilirsiniz:

Firefox 158'in Chrome ve Safari'deki mevcut desteğe eklenmesiyle CSS türünde aritmetik artık Baseline Yeni kullanılabilir.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

Firefox 158, PerformanceResourceTiming.deliveryType özelliği için destek ekler.

Bu özellik, bir kaynağın nasıl yayınlandığını gösterir. Örneğin, bir kaynak önbellekten yayınlandığında "cache" döndürülür.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

random() CSS işlevi

Chrome 156, random() CSS işlevi için destek ekliyor.

random() işlevi, belirtilen minimum ve maksimum aralıkta, isteğe bağlı bir adım aralığıyla rastgele bir sayısal değer oluşturur. Varsayılan olarak her random() çağrısı farklı bir rastgele değer döndürür. Özellikler veya öğeler arasında rastgele bir değer paylaşmak için ilk bağımsız değişken olarak bir <random-key> iletebilirsiniz:

Smashing Magazine'deki Embracing playful imperfection with the CSS random() function (CSS işleviyle eğlenceli kusurları kucaklama) başlıklı makalede örnekleri bulabilirsiniz.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

margin-trim CSS özelliği

Chrome 155, blok kapsayıcılar ve çok sütunlu kapsayıcılarda margin-trim CSS özelliği için destek ekliyor.

Bir kapsayıcıda margin-trim kullanarak alt öğelerinin kenar boşluklarını kapsayıcının kenarlarıyla birleştirebilirsiniz. Böylece, :first-child veya :last-child geçersiz kılma işlemlerine gerek kalmadan ilk alt öğeden önce veya son alt öğeden sonra fazladan boşluk bırakılmasını önleyebilirsiniz.

Daha fazla bilgi için margin-trim özelliğini kullanarak başlangıç ve bitiş kenar boşluklarını kaldırma başlıklı makaleyi inceleyin.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

symbols() CSS işleviyle satır içi sayaç stilleri

Chrome 155, symbols() CSS işlevi için destek sunar.

symbols() işlevi, ayrı bir adlandırılmış @counter-style at kuralı bildirmeden doğrudan list-style-type, list-style kısaltması, counter() veya counters() içinde anonim bir sayaç stili tanımlamanıza olanak tanır.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

text-decoration-skip-spaces CSS özelliği

Chrome 155, text-decoration-skip-spaces CSS özelliğini ekler. Bu özellik, alt çizgi, üst çizgi ve üstü çizili gibi metin süsleme çizgilerinin boşluk karakterlerini atlayıp atlamayacağını kontrol eder. Bu sayede, süslemelerin başta, sonda veya kelimeler arasındaki boşlukların altına çizilmesini önleyebilirsiniz.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

:navigation-source CSS sözde sınıfı

Chrome 156, :navigation-source CSS sözde sınıfını kullanıma sunuyor. Gezinmeyi başlatan bağlantı, düğme veya form öğesiyle eşleşir ve gezinme boyunca bu öğeyi seçili tutar.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox: not supported.
  • Safari: not supported.

JavaScript metin modülü içe aktarma işlemleri ve başarısız modül yüklemelerini yeniden deneme

Chrome 155, Firefox'a katılarak import ... with { type: "text" } kullanan metin modülü içe aktarma işlemleri için destek ekler. type: "text" içe aktarma özelliği, hedef modülün içeriklerini JavaScript dizesi olarak yükler.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

Chrome 156, modül yükleme davranışını da günceller. Böylece, başarısız modül yüklemeleri artık kalıcı olarak önbelleğe alınmaz. Uygulamalar artık başarısız modül yüklemelerini yeniden deneyebilir. Örneğin, geçici bir ağ hatasından sonra import() işlevini tekrar çağırabilir.

Chrome ve Firefox'ta WebTransport güncellemeleri

Firefox 158 ve Chrome 156, WebTransport'yi genişletir:

Firefox 158, bağlantı ve datagram istatistiklerini almak için WebTransport.getStats() yöntemini ve tarayıcının yalnızca güvenilir aktarımlar üzerinden WebTransport oturumlarını destekleyip desteklemediğini belirten statik WebTransport.supportsReliableOnly özelliğini ekler.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

Chrome 156, ilk CONNECT el sıkışması sırasında WebTransportOptions içinde özel HTTP istek başlıkları iletme ve WebTransport örneğinden sunucu yanıt başlıklarını okuma desteği ekler.

Firefox'ta Notification navigate seçeneği

Firefox 158, Safari'ye katılarak Notification() oluşturucusunda ve ServiceWorkerRegistration.showNotification() yönteminde navigate seçeneği ve Notification.navigate özelliği için destek ekler. Bu seçenek, kullanıcı sistem bildirimini tıkladığında tarayıcının gideceği URL'yi belirtir.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Firefox'ta HTML Sanitizer API güncellemeleri

Firefox 158, HTML Sanitizer API'ye javascriptURLs yapılandırma seçeneğini ve Sanitizer.setJavascriptURLs() öğesini ekler. Bu sayede, Element.setHTMLUnsafe() gibi güvenli olmayan HTML ekleme yöntemleri kullanılırken javascript: URL'leri içeren özelliklerin kaldırılıp kaldırılmayacağı kontrol edilir.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: not supported.

Firefox 159, DOM ağacını oluşturduktan sonra değil, ayrıştırma sırasında istenmeyen öğeleri ve özellikleri kaldırmak için Element.setHTML() gibi güvenli temizleme yöntemlerini de günceller. Böylece, komşu metnin tek bir metin düğümünde kalmasını sağlar.

Safari'de flow-tolerance, fit-tolerance olarak yeniden adlandırılıyor

Safari 27.2, ızgara şeritleri düzeni (display: grid-lanes) için flow-tolerance özelliğini fit-tolerance olarak yeniden adlandırıyor ve flow-tolerance özelliğini kullanımdan kaldırılmış bir takma ad olarak tutuyor.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.4.

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, tarayıcının bir sonraki kararlı sürümünde yer alacak özelliklerin önizlemesini sunar. Bu aşama, sitenizi etkileyebilecek yeni özellikleri veya kaldırılan özellikleri, tüm dünyada yayınlanmadan önce test etmek için idealdir. Bu ayın yeni beta sürümleri Chrome 157, Chrome 158 ve Firefox 160.

Chrome 157 beta, border-radius ve corner-shape'yi birlikte ayarlamak için CSS corner kısaltmasını ve kenar alt kısaltmalarını, text-decoration-inset, text-overflow: <string>, position-visibility: anchor-valid ve anchor-visible'yı içerir. Ayrıca, HTML-in-canvas oluşturma desteği ve <camera>, <microphone> ve <geolocation> özellik öğeleri için yalnızca simge içeren bir displaymode özelliği de içerir.

Chrome 158 Beta, çapraz kaynak web uygulaması yükleme için deklaratif HTML <install> öğesini ve Web Install API'yi (navigator.install()) kullanıma sunuyor. CSS ve SVG eklemeleri arasında ::highlight(*) evrensel özel vurgu seçici, medya öğesi durumu sözde sınıfları (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), flow-start ve flow-end hizalama anahtar kelimeleri ile circle() ve ellipse() temel şekilleri için closest-corner ve farthest-corner yarıçapları yer alır.

Firefox 160 beta, WebExtensions runtime.PlatformInfo API'yi ARM64 platformlarında aarch64 yerine arm64 olarak arch döndürecek şekilde güncelleyerek Chrome ile uyumlu hale getiriyor.