Şunları bilmeniz gerekir:
- CloseWatcher API, kapatma istekleri işlenirken tutarlı bir deneyim sağlar.
<details>
öğesini kullanarak akordeon desenini kolayca uygulayın.- İzin politikası ihlal raporları artık kullanılabilir.
- Daha fazlası da var.
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.
- Chrome Geliştirici Araçları'ndaki yenilikler (120)
- Chrome 120 için desteğin sonlandırılması ve kaldırılması
- Chrome 120 için ChromeStatus.com güncellemeleri
- Chromium kaynak deposu değişiklik listesi
- Chrome sürüm takvimi
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!