Kararlı tarayıcı sürümleri #
Mart 2023’te, Firefox 111, krom 111Ve Safari 16.4 kararlı hale geldi. Bunun web platformu için ne anlama geldiğine bir göz atalım.
Genel HTML nitelikleri #
Firefox 111, birkaç yararlı genel HTML özelliği için destek ekler. bu autocapitalize niteliği, kullanıcı sanal bir klavyede yazarken metnin otomatik olarak büyük harf yapılıp yapılmayacağını kontrol eder.
- Chrome 43, Desteklenir 43
- Firefox 111, Desteklenir 111
- Kenar 79, Desteklenen 79
- Safari, desteklenmiyor
bu translate niteliği, bir sayfa yerelleştirildiğinde bir öğenin çevrilmesi gerekip gerekmediğini belirtir.
- Chrome 19, Desteklenir 19
- Firefox 111, Desteklenir 111
- Kenar 79, Desteklenen 79
- Safari 6, Desteklenir 6
Kaynak Özel Dosya Sistemi (OPFS) #
Firefox için destek ekler Kaynak Özel Dosya Sistemi (OPFS) Dosya Sistemi Erişim API’sini kullanırken. OPFS hakkında daha fazla bilgi edinin.
Görünüm Geçişleri API’sı #
Chrome 111 şunları ekler: Geçişler API’sini Görüntülegörünümlerin anlık görüntüsünü alarak ve DOM’un durumlar arasında herhangi bir çakışma olmaksızın değişmesine izin vererek Tek Sayfalı Uygulamalarda (SPA’lar) gösterişli geçişlerin oluşturulmasını kolaylaştırır.
Lansman gönderisinde daha fazla bilgi edinin SPA görünümü geçişleri Chrome 111’de geliyor.
Yeni CSS renk uzayları ve işlevleri #
Ayrıca Chrome 111’de, web’de renk kullanmanın yepyeni bir yolu da bulunur. Chrome artık RGB gamının dışındaki renklere erişen renk alanlarını ve color() Ve color-mix() fonksiyonlar. Daha fazla bilgi edinin Yüksek çözünürlüklü CSS renk kılavuzu Ve blog yazısı color-mix().
- Chrome 111, Desteklenir 111
- Firefox 113, Desteklenir 113
- Kenar 111, Desteklenen 111
- Safari 16.2, Desteklenir 16.2
Chrome sürümü şunları da içerir: yeni Geliştirme Araçları bu yeni renk işleviyle çalışmanıza yardımcı olmak için.
üzerinde daha fazla kontrol :nth-child() seçimler #
Chrome 111, bir seçici listesini :nth-child() Ve nth-last-child(). Bununla ilgili daha fazla bilgi edinin ve gönderideki örnekleri görün of S söz dizimi ile :nth-child() seçimleri üzerinde daha fazla kontrol.
Media Session API’de önceki ve sonraki slayt desteği #
Son olarak, bu Chrome 111 eklemeleri listesinde, medya oturumu API’si için Slaytları sunma eylemleri yer alır:"previousslide" Ve "nextslide".
- Chrome 111, Desteklenir 111
- Firefox, desteklenmiyor
- Kenar 111, Desteklenen 111
- Safari, desteklenmiyor
Safari’de sözde sınıf desteği #
Safari 16.4, web platformu için harika bir sürümdür. Bu makale tüm eklemeleri kapsamaz, bu nedenle özelliklerin tam listesine göz atın. Safari 16.4 sürüm notları.
Bu sürümde desteklenen bir dizi ek CSS sözde sınıfı var: :user-invalid, :user-valid, :dir(), :modalVe :fullscreen.
Medya sorguları için yeni aralık sözdizimi #
Bu Safari sürümü, medya sorguları için çok daha zarif ve kullanışlı dizi sözdizimini üç motorun hepsinde birlikte çalışabilir hale getiriyor. Bu sözdiziminin örneklerine bakın: bu gönderisözdizimi Chrome’da gönderildiğinde yayınlandı.
- Chrome 104, Desteklenir 104
- Firefox 102, Desteklenir 102
- Kenar 104, Desteklenen 104
- Safari 16.4, Desteklenir 16.4
CSS Özellikleri ve Değerleri #
Safari 16.4 için destek ekler @property, CSS özel özellik kaydını doğrudan bir stil sayfasında etkinleştirir. @property: CSS değişkenlerine süper güçler verme bölümünde bununla ilgili daha fazla bilgi edinin.
- Chrome 85, Desteklenir 85
- Firefox, desteklenmiyor
- Kenar 85, Desteklenen 85
- Safari 16.4, Desteklenir 16.4
CSS API desteği #
CSS desteğiyle harika eklemeler gelmeye devam ediyor. CSS Yazılı OM. Bu API, CSS değerlerini dizeler yerine yazılan JavaScript nesneleri olarak gösterir. JavaScript’ten CSS ile çalışmayı kolaylaştırır ve mevcut yöntemlerden daha performanslıdır.
- Chrome 66, Desteklenir 66
- Firefox, desteklenmiyor
- Kenar 79, Desteklenen 79
- Safari 16.4, Desteklenir 16.4
Ayrıca, oluşturulabilir stil sayfaları için destek de vardır. CSSStyleSheet(). Bu, stil sayfalarının bir belge ile gölge DOM alt ağaçları arasında paylaşılmasını sağlar. Safari’nin bu sürümüyle, inşa edilebilir stil sayfaları artık her üç motorda da destekleniyor.
- Chrome 73, Desteklenir 73
- Firefox 101, Desteklenir 101
- Kenar 79, Desteklenen 79
- Safari 16.4, Desteklenir 16.4
Web Push ve Rozetlendirme API’sı #
Safari artık Web Push’u destekliyor. Rozet API’sı, bu uygulama geliştiricileri için harika bir haber. Özellikle bu sürüm, push bildirimlerinin tüm büyük motorlarda desteklendiği anlamına gelir.
- Chrome 42, Desteklenir 42
- Firefox 44, Desteklenir 44
- Kenar 17, Desteklenen 17
- Safari 16, Desteklenir 16
Haritaları içe aktar #
Bir özelliği birlikte çalışabilir duruma getiren başka bir ekleme, ES modüllerinin içe aktarılmasını çok daha kolaylaştıran JavaScript İçe Aktarma haritalarının eklenmesidir.
- Chrome 89, Desteklenir 89
- Firefox 108, Desteklenir 108
- Kenar 89, Desteklenen 89
- Safari 16.4, Desteklenir 16.4
Beta tarayıcı sürümleri #
Beta tarayıcı sürümleri, size tarayıcının bir sonraki kararlı sürümünde olacak şeylerin bir önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırmaları test etmek için harika bir zaman. yeni betalar Firefox 112, Safari 16.5Ve krom 112. 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, işte öne çıkanlardan sadece birkaçı.
Firefox 112 aşağıdakiler için destek ekler: inert Bu yararlı özelliği tüm motorlarda kullanılabilir hale getirecek özellik. İnert hakkında daha fazla bilgi edinebilirsiniz. inert tanıtımı. Firefox ayrıca aşağıdakiler için destek sağlayacaktır: linear() hafifletme işlevi.
Chrome 112 ve Safari 16.5’in her ikisi de şunları destekler: CSS Yerleştirmebirçok geliştirici tarafından merakla beklenen bir özellik.
Chrome 112 ayrıca şunları destekler: animation-composition. Bu özelliğin nasıl çalıştığını öğrenin Birden çok animasyon efektinin animasyon kompozisyonu ile nasıl birleştirilmesi gerektiğini belirtin.
Örneğin Puppeteer ile Chrome’un Başsız modunu kullanırsanız, 112 tamamen yeni bir Başsız modu getirir. Bu konuda bilgi edinin Chrome’un Başsız modu bir yükseltme alıyor.
fotoğrafı çeken Tali Khrab.