- Artık Custom Elements v1'i kullanarak kendi özel HTML etiketinizi ve yeniden kullanılabilir web bileşenleri oluşturabilirsiniz.
- BroadcastChannel API'yi kullanarak aynı kaynaktaki açık pencereler veya sekmeler arasında mesaj göndermek daha kolaydır.
- Android'de medya deneyimi daha iyi hale gelir ve yabancı getirme artık kaynak denemesi olarak kullanılabilir.
Ben Pete LePage. Şimdi Chrome 54'teki geliştiricilere yönelik yenilikleri görelim!
Özel öğeler v1
Karmaşık kullanıcı arayüzleri genellikle büyük miktarda HTML gerektirir. Çoğu dil, geliştiricilerin bu tür bir ayrıntı düzeyini azaltmak için temel dil öğeleri temelinde kendi bileşenlerini oluşturmalarına olanak tanır. Ancak şimdiye kadar, web'de yeniden kullanılabilir bileşenler oluşturmak zordu.
Özel öğeler, kendi özel HTML etiketlerinizi oluşturmanıza ve JavaScript'te yeni öğenin API'sini ve davranışını tanımlamanıza olanak tanır. Sonuç olarak, yeniden kullanılabilir, birlikte çalışabilir bileşenler oluşturmak için tarayıcıda yerel bir yol ortaya çıktı.
Chrome 54, en yeni özel öğeler 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 öğeleri nasıl kullanabileceğinizi öğrenmek için özel öğelerle ilgili temel bilgilere göz atın.
BroadcastChannel API'sı
Masaüstü kullanıcılarının aynı anda birden çok pencerenin veya sekmenin açılması normaldir. Hatta bazı siteler (örneğin, dokümanları kendi sekmelerinde açan web düzenleyicileri) bu davranışı teşvik eder.
Bu sekmeler arasında iletişim kurmak zor olabilir. BroadcastChannel API; pencereler, sekmeler, iframe'ler, web çalışanları ve hizmet çalışanları arasında yeni bire-çok mesajlaşma API'sidir. Komut dosyalarının aynı kaynağa ait 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, göz atma deneyiminin giderek daha önemli bir parçası haline gelmektedir.
Ekran yönü değiştiğinde tam ekran modunu tetiklemek için artık kullanıcı hareketine ek olarak Element.requestFullScreen() kullanabilirsiniz. Bu sayede tam ekrana döndürme özelliğini içeren daha zengin medya deneyimleri oluşturabilirsiniz.
Yabancı ülke getirme
API sağlayıcısı, web yazı tipi hizmeti veya başka bir hizmet gibi yaygın olarak kullanılan bir kaynağın, kendi hizmet çalışanını dağıtabildiğini düşünün.
Her zaman ağa gitmek yerine, sağlayıcı kendi özel ağ iletişimi mantığını uygulayabilir ve yanıtlarını depolamak için tek, yetkili bir önbellek örneğinden yararlanabilir.
Chrome 54'te kaynak denemesi olarak kullanılabilen yabancı getirme özelliği sayesinde, bu mümkün. Aşağıdaki yorumlar bölümünde bağlantısı verilen Jeffrey'nin gönderisine göz atın!
Kapanma
Bunlar, geliştiricilere yönelik Chrome 54'te yapılan değişikliklerden yalnızca birkaçıdır.
Daha fazla bilgi için açıklamayı inceleyin ve belgeler ile spesifikasyonlara bağlantı verin.
Ayrıca Chrome Dev Summit'e göz atmayı da unutmayın. 10-11 Kasım'da YouTube'da canlı yayınlayacağız.
Chrome ile ilgili güncel bilgileri almak ve yaklaşan yenilikleri öğrenmek isterseniz yukarıdaki Abone ol düğmesini tıklayın.
Ben Pete LePage. Chrome 55 yayınlanır yayınlanmaz size Chrome'daki yenilikleri anlatacağım.