Chrome 120'deki yenilikler

Adriana Jara
Adriana Jara

Şunları bilmeniz gerekir:

Ben Adriana Jara. Şimdi Chrome 120'deki geliştiricilere yönelik yenilikleri inceleyelim.

CloseWatcher API'si.

Kalıcı veya pop-up bileşenlerin önemli bir özelliği, kolayca kapatılmaları ve bunu yapmak için tutarlı bir mekanizmaya sahip olmalarıdır. Bu mekanizmalara kapatma istekleri denir. Bu mekanizmalar genellikle masaüstü platformlarda ESC tuşu, Android'de ise geri hareketi veya düğmesidir.

Web geliştiricilerinin kendi bileşenleri için kapatma isteklerini ele almak iyi bir yöntemi yoktu. Bu, özellikle geri hareketi için basit kapatma davranışının sağlanmasının oldukça karmaşık olduğu Android cihazlarda sorun yaratır.

Chrome 120, kapatma isteklerini doğrudan dinlemek ve yanıtlamak için kullanabileceğiniz yeni bir API olan CloseWatcher'la çözümü sunar. Ayrıca, Android geri düğmesine yanıt verebilmeleri için yeni kapatma isteği çerçevesini kullanmak üzere <dialog> ve popover="" sürümlerine yükseltmeleri de içerir.

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

<details> name özelliği

<details> öğesi için name özelliği, bir <details> HTML öğeleri dizisi kullanarak akordeon kalıbını uygulamayı kolaylaştırır.

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

cookies adını paylaşan bir grupla örnek aşağıda 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ı ihlal raporları

İzin politikası ihlal raporları şu anda kullanılabilir. Bu raporlar, tarayıcının Reporting API ile zorunlu kılması gereken bir dizi politika bildirerek geliştiricilerin bir sayfada, iframe'lerde ve alt kaynaklarda kullanılabilen tarayıcı özelliklerini kontrol etmesine olanak tanıyan İzinler 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ştiricilerinin uç noktaları yapılandırmasına olanak tanır. Bu uç noktalarda izin politikası ihlal raporları gönderilir. Böylece site sahipleri, alanlarında kendi sayfalarında izin verilmeyen özelliklerin ne zaman istendiğini görebilir.

İzin Politikası ile tarayıcı özelliklerini kontrol etme, uygulamayla ilgili daha fazla ayrıntı içerir.

Diğer ölçütler

Elbette daha fazlası var.

  • Esnek 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 (&) gerektirmek yerine bir öğeyle başlamasını sağlar.

  • Media Session API'deki enterpictureinpicture işlemiyle web siteleri, pencere içinde pencere veya Document pencere içinde pencere açmak için kullanılabilen bir işlem işleyici kaydedebilir.

  • Ayrıca, Chrome'un üçüncü taraf çerezlerini kullanımdan kaldırmaya çalıştığını hatırlatmak isteriz. Ocak ayında, web sitenizi etkileyebilecek bir deneme başlayacak. Bu nedenle, denetim ve hafifletme adımları için Üçüncü taraf çerezlerinin sona ermesine hazırlık seçeneğini işaretlemeniz önemlidir.

Daha fazla bilgi

Bu bölümde sadece bazı önemli noktalar ele alınmaktadır. Chrome 120'deki ek değişiklikler için aşağıdaki bağlantıları kontrol edin.

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.

Merhaba Adriana Jara, ekibimiz iyi tatiller diler. Chrome 121 yayınlanır yayınlanmaz size Chrome'daki yenilikleri anlatmak için burada olacağız.