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 dinleyen ve yanıtlayan yeni bir API olan CloseWatcher ile çözüm sunar. 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 öğelerinin bir sırasını kullanarak akordeon desenini uygulamayı kolaylaştırır.

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

Adı cookies olan bir grubun yer aldığı örnek:

<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 tarayıcının Reporting API ile uygulayacağı bir dizi politika bildirerek bir sayfanın, iframe'lerinin ve alt kaynaklarının kullanılabilen tarayıcı özelliklerini kontrol etmesine olanak tanıyan İzin politikası API'sini entegre eder. Reporting API, web uygulamalarının çeşitli platform özelliklerine göre raporlar 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ı verilmektedir.

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 Pencere İçinde Belge 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ılara göz atın.

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.