Şubat ayında web platformundaki yenilikler

Şubat 2025'te kararlı ve beta web tarayıcılarına eklenen ilginç özelliklerden bazılarını keşfedin.

Rachel Andrew

Yayınlanma tarihi: 28 Şubat 2025

Kararlı tarayıcı sürümleri

Şubat 2025'te Firefox 135 ve Chrome 133 kararlı sürüm oldu. Bu yayında, web platformuna eklenen yeni özellikler ele alınmaktadır.

WebAuthn özelliklerini kontrol etme

Hem Firefox 135 hem de Chrome 133, PublicKeyCredential.getClientCapabilities() statik yöntemi için destek ekler. Bu sayede, tarayıcı kokulamaya başvurmadan bir tarayıcının Web Authentication API özelliklerini destekleyip desteklemediğini kontrol edebilirsiniz.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 135.
  • Safari: 17.4.

Source

Firefox 135, kaynakla JSON ayrıştırma önerisindeki JSON.parse reviver parametresi context bağımsız değişkeni, JSON.isRawJSON() ve JSON.rawJSON() özelliklerini de içerir.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 135.
  • Safari: not supported.

Source

Pop-up özelliğinin ipucu değeri

Chrome 133, popover özelliği için üçüncü bir değer ekler: popover="hint". Genellikle "ipucunu gösterme" türü davranışlarla ilişkilendirilen ipuçları, biraz farklı davranışlara sahiptir. Artık mevcut bir otomatik pop-up grubu açıkken alakasız bir ipucu pop-up'ı açabilirsiniz.

Standart örnekte, bir <select> seçici açıktır (popover="auto") ve fareyle üzerine gelindiğinde tetiklenen bir ipucu (popover="hint") gösterilir. Bu işlem, <select> seçiciyi kapatmaz.

Browser Support

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

Pop-up = ipucu başlıklı makalede daha fazla bilgi edinebilirsiniz.

CSS gelişmiş attr() işlevi

Chrome 133'te CSS eklemelerinin güzel bir koleksiyonu var. Bu Chrome sürümü, CSS 5. Seviye'de belirtilen attr() için yapılan ve <string> dışındaki türlerin kullanılmasına ve tüm CSS mülklerinde kullanılmasına (sözde öğe içeriği için mevcut desteğe ek olarak) olanak tanıyan geliştirmeyi içerir.

Browser Support

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

CSS attr() yükseltildi başlıklı makalede daha fazla bilgi edinin.

CSS kaydırma durumu kapsayıcı sorguları

Ayrıca Chrome 133'te, kapsayıcıların alt öğelerini kaydırma durumlarına göre biçimlendirmek için kapsayıcı sorgularını kullanın.

Sorgu kapsayıcısı, bir kaydırma kapsayıcısı veya bir kaydırma kapsayıcının kaydırma konumundan etkilenen bir öğedir. Aşağıdaki eyaletler sorgulanabilir:

  • stuck: Yapışkan konumlandırılmış bir kapsayıcı, kaydırma kutusunun kenarlarından birine yapışmış.
  • snapped: Kaydırma sabitlemesi ile hizalanmış bir kapsayıcı şu anda yatay veya dikey olarak sabitlenmiştir.
  • scrollable: Bir kaydırma kapsayıcısının sorgulanan bir yönde kaydırılıp kaydırılamayacağı.

Ayrıca, kapsayıcıların sorgulanması için container-type: scroll-state için yeni bir değer de vardır.

Browser Support

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

Daha fazla bilgi için CSS scroll-state() bölümünü okuyun.

CSS text-box, text-box-trim ve text-box-edge

Chrome 133 için CSS'de text-box-trim ve text-box-edge özelliklerinin yanı sıra text-box kısaltması da bulunur. Bu özellikler, metnin dikey hizalamasını daha ayrıntılı bir şekilde kontrol etmenizi sağlar.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: not supported.
  • Safari: 18.2.

Bu yararlı özelliğin CSS text-box-trim'te nasıl çalıştığı hakkında daha fazla bilgi edinin.

DOM durumunu koruyan taşıma

Chrome 133, öğenin durumunu sıfırlamadan öğeleri bir DOM ağacında taşımanıza olanak tanıyan bir DOM ilkel öğesi (Node.prototype.moveBefore) ekler.

Kaldırma ve ekleme yerine taşıma işlemi yapıldığında aşağıdaki gibi durumlar korunur:

  • <iframe> öğeleri yüklü kalır.
  • Etkin öğe odakta kalır.
  • Pop-up'lar, tam ekran ve kalıcı iletişim kutuları açık kalır.
  • CSS geçişleri ve animasyonları devam eder.

Browser Support

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

FileSystemObserver arayüzü

Chrome 133'e eklenen FileSystemObserver arayüzü, web sitelerini dosya sistemindeki değişikliklerden haberdar eder. Siteler, kullanıcının daha önce izin verdiği dosya ve dizinlerdeki değişiklikleri kullanıcının yerel cihazında veya Paket Dosya Sisteminde (Kaynak Özel Dosya Sistemi olarak da bilinir) izler ve değişiklik türü gibi temel değişiklik bilgileriyle ilgili bildirim alır.

Browser Support

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

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 sürüm herkese sunulmadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı. Yeni beta sürümler Firefox 136, Safari 18.4 ve Chrome 134'tür. Bu sürümler platforma birçok harika özellik getiriyor. Tüm ayrıntılar için sürüm notlarına göz atın. Aşağıda bunlardan birkaçını bulabilirsiniz.

En son Safari beta sürümünde, bu tarayıcı kararlı hale geldiğinde temel özellik olarak sunmayı planladığımız bazı özellikler de dahil olmak üzere çok sayıda ekleme ve iyileştirme yer alıyor. Örneğin, writing-mode: sideways-rl ve writing-mode: sideways-lr, ClipboardItem için supports() statik yöntemi ve Iterator Helpers önerisindeki tüm öğelerin listesi.

Hem Safari 18.4 beta hem de Firefox 136, Cookie Store API'yi içerir. Bu API, her iki tarayıcı da kullanıma sunulduğunda yeni temel düzeyde kullanılabilir olacaktır.

Firefox 136, :open ve :has-slotted sözde sınıflarını içerir. :has-slotted, Chrome 134'te de mevcuttur. Ayrıca, Intl.DurationFormat de dahildir. Bu, yeni kullanıma sunulan temel sürümdür.

Chrome 134, özelleştirilebilir <select> öğeleri, CSS dynamic-range-limit mülkü ve <dialog> öğeleri için hafif kapatma işlevi içerir.