Chrome 120'deki yenilikler

Adriana Jara

Şunları bilmeniz gerekir:

Ben Adriana Jara. Chrome 120'nin geliştiricilere yönelik yenilikleri inceleyelim.

CloseWatcher API.

Kalıcı veya pop-up bileşenlerin önemli bir özelliği, tutarlı bir mekanizma ile kolayca kapatılabilmesidir. Bu mekanizmalar kapatma istekleri olarak adlandırılır. Bunlar genellikle masaüstü platformlarda ESC tuşu ve Android'de geri hareketi veya düğmesidir.

Web geliştiricilerinin kendi bileşenlerine ilişkin kapatma isteklerini işleme almak için iyi bir yöntemi yoktu. Bu, özellikle geri hareketi için basit kapatma davranışı sağlamanın oldukça karmaşık olduğu Android cihazlarda sorun teşkil eder.

Chrome 120, bu çözümü, kapatma isteklerini doğrudan dinlemek ve yanıtlamak için yeni bir API olan CloseWatcher'la sunuyor. 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çeriyor.

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

<details> ad özelliği

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

Aynı name öğesine sahip birden fazla <details> öğesi bir grup oluşturuyor. 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ı ihlal raporları

İzin politikası ihlal raporları artık kullanılabilir. Bu raporlar, tarayıcının Reporting API ile zorunlu kılması için bir dizi politika bildirerek geliştiricilerin bir sayfada, iframe'lerde ve alt kaynaklarda kullanılabilen tarayıcı özelliklerini kontrol etmesine olanak tanıyan Permissions Policy API'yi entegre eder. Reporting API, çeşitli platform özelliklerine dayalı raporları sunmak üzere web uygulamalarına yönelik genel bir raporlama mekanizması sunar.

Bu Permissions Policy API ve Reporting API entegrasyonu, web geliştiricilerinin uç noktaları yapılandırmasına olanak tanır. Bu uç noktalar, hangi izin politikası ihlal raporları gönderilir? 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 dahası var.

  • Esnek CSS iç içe yerleştirme uygulaması, iç içe yerleştirilmiş stil kurallarının, is() ile sarmalanmak veya önünde ve işareti kullanmak 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 çerezlerinin desteğini sonlandırmaya çalıştığını da hatırlatırız. Ocak ayında, web sitenizi etkileyebilecek bir deneme yapılmaya başlanacak. Bu nedenle, denetleme 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 yalnızca bazı önemli noktalar ele alınmıştı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 Geliştiricileri YouTube kanalına abone olun. Yeni bir video sunduğumuzda 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!