- Artık Custom Elements v1 ile kendi özel HTML etiketinizi oluşturabilir ve yeniden kullanılabilir web bileşenleri oluşturabilirsiniz.
- BroadcastChannel API ile aynı kaynaktaki açık pencereler veya sekmeler arasında mesaj göndermek daha kolaydır.
- Android'de medya deneyimi iyileştirildi ve yabancı getirme özelliği artık kaynak denemesi olarak kullanılabilir.
Adım Pete LePage. Chrome 54'te geliştiriciler için neler yeni olduğuna göz atalım.
Özel öğeler v1
Karmaşık kullanıcı arayüzleri genellikle çok fazla HTML gerektirir. Çoğu dil, geliştiricilerin bu tür ayrıntıları azaltmak için dil temel öğelerinin üzerine kendi bileşenlerini oluşturmasına olanak tanır. Ancak web'de yeniden kullanılabilir bileşenler oluşturmak bugüne kadar zordu.
Özel öğeler, kendi özel HTML etiketlerinizi oluşturmanıza ve yeni öğenin API'sini ve davranışını JavaScript'de tanımlamanıza olanak tanır. Sonuç olarak, yeniden kullanılabilir ve birlikte çalışabilir bileşenler oluşturmanın tarayıcıya özgü bir yolu elde edildi.
Chrome 54, en son özel öğe V1 spesifikasyonu için destek sağlar ve yeterli sayıda kullanıcı V1'e geçene kadar V0 API'yi desteklemeye devam eder.
Siteniz veya uygulamanız için yeniden kullanılabilir web bileşenleri oluşturmak üzere bu özelliği nasıl kullanabileceğinizi öğrenmek için özel öğeler hakkındaki giriş makalemizi inceleyin.
BroadcastChannel API
Masaüstü kullanıcılarının aynı anda birden fazla pencere veya sekme açması yaygın bir durumdur. Hatta bazı siteler (ör. dokümanları kendi sekmelerinde açan web düzenleyiciler) bu davranışı teşvik eder.
Bu sekmeler arasında iletişim kurmak zor olabilir. BroadcastChannel API, pencereler, sekmeler, iFrame'ler, web işçileri ve hizmet işçileri arasında yeni bir bire çok mesajlaşma API'sidir. Komut dosyalarının, aynı kaynağın tarama bağlamları arasında mesaj göndermek için adlandırılmış kanallar oluşturmasına olanak tanır.
Diğer BroadcastChannel kaynakları
requestFullScreen
Medya, tarama deneyiminin giderek daha önemli bir parçası haline geliyor.
Artık kullanıcı hareketine ek olarak ekran yönü değişikliği sonrasında tam ekran modunu tetiklemek için Element.requestFullScreen() simgesini kullanabilirsiniz. Bu simge, tam ekrana döndürme özelliğini içeren daha zengin medya deneyimleri oluşturmanıza olanak tanır.
Yabancı getirme
API sağlayıcı, web yazı tipi hizmeti veya başka bir hizmet gibi yaygın olarak kullanılan bir kaynağın kendi hizmet çalışanını dağıtabilme özelliği olduğunu düşünün.
Sağlayıcı, her zaman ağa gitmek yerine kendi özel ağ mantığını uygulayabilir ve yanıtlarını depolamak için tek bir yetkili önbelleğe alma örneğinden yararlanabilir.
Chrome 54'te kaynak denemesi olarak sunulan yabancı getirme özelliği sayesinde artık bu mümkün. Aşağıdaki yorumlarda bağlantısı verilen Jeffrey'nin yayınına göz atın.
Kapanış
Bunlar, Geliştiriciler için Chrome 54'teki değişikliklerden yalnızca birkaçıdır.
Daha fazla bilgi, doküman ve teknik özellikler bağlantıları için açıklamaya göz atın.
10-11 Kasım'da YouTube'da canlı olarak yayınlanacak Chrome Dev Summit'e göz atmayı unutmayın.
Chrome'daki gelişmelerden haberdar olmak ve yenilikleri öğrenmek için yukarıdaki Abone ol düğmesini tıklayın.
Adım Pete LePage. Chrome 55 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.