Chrome 120'deki yenilikler

Adriana Jara

Şunları bilmeniz gerekir:

Adım Adriana Jara. Chrome 120'de geliştiriciler için neler yeni olduğuna göz atalım.

CloseWatcher API.

Modal veya pop-up bileşenlerinin önemli bir özelliği, tutarlı bir mekanizmayla kolayca kapatılabilmesidir. Bu mekanizmalara kapatma istekleri denir. Bu istekler genellikle masaüstü platformlarda ESC tuşu, Android'de ise geri hareketi veya düğmesi şeklindedir.

Web geliştiricileri, kendi bileşenleri için kapatma isteklerini işlemek için iyi bir yönteme sahip değildi. Bu durum, özellikle geri hareketi için basit bir kapatma davranışı sağlamanın oldukça karmaşık olduğu Android cihazlarda sorun teşkil eder.

Chrome 120, kapatma isteklerini doğrudan dinlemek ve yanıtlamak için kullanılan yeni bir API olan CloseWatcher ile bu çözümü sunuyor. Ayrıca, Android geri düğmesine yanıt vermeleri için yeni kapatma isteği çerçevesini kullanacak şekilde <dialog> ve popover="" için yükseltmeler de içerir.

Denemek için CloseWatcher API demosuna göz atın.

<details> ad özelliği

<details> öğesinin name özelliği, <details> HTML öğeleri dizisini kullanarak akordeon kalıbının uygulanmasını kolaylaştırır.

Aynı name değerine sahip birden fazla <details> öğesi bir grup oluşturur. Bu kurulumla, söz konusu gruptaki en fazla bir öğe aynı anda açılabilir.

Aşağıda, cookies adını paylaşan bir grupla örnek verilmiştir:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

İzin politikası ihlali raporları

İzin politikası ihlali raporları artık kullanıma sunuldu. Bu raporlar, geliştiricilerin Reporting API ile tarayıcıda uygulanması gereken bir dizi politika tanımlayarak bir sayfanın, iframe'lerinin ve alt kaynaklarının kullanılabilen tarayıcı özelliklerini kontrol etmesine olanak tanıyan izin politikası API'sini entegre eder. Reporting API, web uygulamalarının çeşitli platform özelliklerine dayalı raporları kullanıma sunmak için kullanabileceği genel bir raporlama mekanizması sağlar.

Bu Permissions Policy API ve Reporting API entegrasyonu, web geliştiricilerin izin politikası ihlali raporlarının gönderileceği uç noktaları yapılandırmalarına olanak tanır. Bu sayede site sahipleri, izin verilmeyen özelliklerin sahadaki sayfaları için ne zaman istendiğini görebilir.

İzin Politikası ile tarayıcı özelliklerini kontrol etme başlıklı makalede daha fazla uygulama ayrıntısı verilmiştir.

Diğer özellikler

Elbette daha birçok özellik var.

  • Rahat CSS iç içe yerleştirme uygulaması, iç içe yerleştirilmiş stil kurallarının is() ile sarmalanması veya önünde "ve" işareti kullanılması yerine bir öğeyle başlamasına olanak tanır.

  • Web siteleri, Media Session API'deki enterpictureinpicture işlemiyle Pencere İçinde Pencere veya Belge Pencere İçinde Pencere penceresi açmak için kullanılabilecek bir işlem işleyici kaydedebilir.

  • Chrome'un üçüncü taraf çerezlerine yönelik desteğini sonlandırmak için çalıştığını hatırlatmak isteriz. Ocak ayında web sitenizi etkileyebilecek bir deneme başlayacak. Bu nedenle, denetleme ve azaltma adımları için Üçüncü taraf çerezlerinin sona ermesine hazırlanma başlıklı makaleyi incelemeniz önemlidir.

Daha fazla bilgi

Bu, yalnızca bazı önemli noktaları kapsar. Chrome 120'deki diğer değişiklikler için aşağıdaki bağlantıları inceleyin.

Abone ol

Gelişmelerden haberdar olmak için Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız.

Ben Adriana Jara. Ekibimiz yeni yılınızı kutlar. Chrome 121 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.