Mayıs ayında web platformunda yeni kullanıma sunulanlar

Mayıs 2025'te kararlı ve beta web tarayıcılarına eklenen ilgi çekici özelliklerden bazılarını keşfedin.

Yayınlanma tarihi: 29 Mayıs 2025

Kararlı tarayıcı sürümleri

Mayıs 2025'te Firefox 139, Chrome 137 ve Safari 18.5 kararlı sürüm oldu. Bu yayında, bu sürümlerle web platformuna eklenen yeni özellikler ele alınmaktadır.

Temporal API

Firefox 139, Temporal API'yi destekleyen ilk tarayıcıdır. Bu sayede, yerleşik saat dilimi ve takvim gösterimleriyle çeşitli senaryolarda tarih ve saatlerle çalışmayı kolaylaştırır.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 139.
  • Safari: behind a flag.

Source

hidden=until-found ve beforematch etkinliği

Firefox 139, hidden="until-found" HTML özelliğini ve beforematch etkinliğini de içerir. until-found durumu, bir öğenin içeriğini kullanıcı araması (ör. "Sayfada bul"u kullanarak) veya parça gezinme yoluyla bulunana kadar gizlemenize olanak tanır. beforematch etkinliği, hidden özelliği kaldırılmadan hemen önce tetiklenir

requestClose() yöntemi

Artık Temel Firefox 139 sürümüyle kullanıma sunulan HTMLDialogElement arayüzünün requestClose() yöntemi.

Bu yöntem, close etkinliğini tetiklemeden önce bir cancel etkinliği tetiklemesi açısından HTMLDialogElement.close() yönteminden farklıdır.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 139.
  • Safari: 18.4.

Source

CSS reading-flow ve reading-order

Chrome 137, reading-flow ve reading-order ile birlikte gönderilir. reading-flow CSS mülkü, bir esnek, ızgara veya blok düzenindeki öğelerin erişilebilirlik araçlarına gösterilme sırasını ve doğrusal sıralı gezinme yöntemleri kullanılarak nasıl odaklanacaklarını kontrol eder. Bu sayede, sekme sırasının öğelerin düzenlendiği sırayla bağlantısının kesilebileceği ızgara ve esnek düzenler ile ilgili uzun süredir devam eden bir sorun çözüldü.

reading-order CSS özelliği, bir okuma akışı kapsayıcısındaki öğelerin sırasını manuel olarak geçersiz kılmanıza olanak tanır. Bu özelliği bir ızgara, esnek veya blok kapsayıcı içinde kullanmak için kapsayıcıdaki reading-flow değerini source-order olarak, tek bir öğenin reading-order değerini ise bir tam sayı olarak ayarlayın.

Browser Support

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

Daha fazla bilgi edinmek için Mantıksal sıralı odak gezinme için CSS okuma akışını kullanma başlıklı makaleyi okuyun.

CSS if() işlevi

Chrome 137'de CSS if() işlevi, koşullu değerleri ifade etmenin kısa bir yolunu sunar. Noktalı virgülle ayrılmış bir dizi koşul-değer çiftini kabul eder. İşlev, her koşulu sırayla değerlendirir ve ilk doğru koşulla ilişkili değeri döndürür. Koşullardan hiçbiri doğru olarak değerlendirilmezse işlev boş bir jeton akışı döndürür.

Document-Isolation-Policy

Chrome 137'de kullanıma sunulan Document-Isolation-Policy, bir dokümanın COOP veya COEP dağıtmak zorunda kalmadan ve sayfanın crossOriginIsolation durumundan bağımsız olarak crossOriginIsolation'yi kendi başına etkinleştirmesine olanak tanır. Politika, işlem yalıtımı ile desteklenir. Ayrıca, CORS olmayan merkezler arası alt kaynaklar ya kimlik bilgileri olmadan yüklenir ya da CORP başlığı içermelidir.

Bildirimsel Web Push

Safari 18.5, çoğunlukla hata düzeltme sürümü olsa da macOS'e şu anda yalnızca Safari'de kullanılabilen Declarative Web Push özelliğini ekler. Bu konu hakkında daha fazla bilgiyi WebKit blogundaki Declarative Web Push ile Tanışın başlıklı makalede bulabilirsiniz.

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 140 ve Chrome 138'dir.

Firefox 140, hem ana iş parçacığında hem de hizmet işçilerinde kullanılabilen modern, asenkron, Promise tabanlı bir çerez yönetimi yöntemi olan Cookie Store API'nin bir alt kümesini içerir.

Chrome 138, Özetleyici API, Dil Tanımlayıcı API ve Translator API gibi birçok yerleşik yapay zeka API'si içerir.

Chrome 138'de stretch boyutlandırma anahtar kelimesi ve sibling-index() ile sibling-count() işlevleri de dahil olmak üzere çeşitli CSS özellikleri de vardır.