- Kini Anda dapat membuat tag HTML kustom dengan dan membuat komponen web yang dapat digunakan kembali dengan Elemen Kustom v1.
- Lebih mudah untuk mengirim pesan antara jendela atau tab yang terbuka di asal yang sama dengan BroadcastChannel API.
- Pengalaman media menjadi lebih baik di Android dan pengambilan asing kini tersedia sebagai uji coba origin.
Saya Pete LePage. Mari selami dan lihat apa yang baru untuk developer di Chrome 54.
Elemen kustom v1
Antarmuka pengguna yang rumit sering kali memerlukan HTML dalam jumlah besar. Sebagian besar bahasa memungkinkan developer membuat komponen mereka sendiri yang di-build di atas primitif bahasa untuk mengurangi banyaknya pembacaan ini. Namun hingga saat ini, membuat komponen yang dapat digunakan kembali di web itu sulit.
Elemen kustom memungkinkan Anda membuat tag HTML kustom sendiri, serta menentukan API dan perilaku elemen baru di JavaScript. Hasilnya, cara native browser untuk mem-build komponen yang dapat digunakan kembali dan memiliki interoperabilitas.
Chrome 54 memberikan dukungan untuk elemen kustom terbaru spesifikasi V1, dan akan terus mendukung V0 API hingga cukup banyak dari Anda telah beralih ke V1.
Lihat artikel utama tentang elemen kustom tentang cara menggunakannya untuk membuat komponen web yang dapat digunakan kembali bagi situs atau aplikasi Anda.
API BroadcastChannel
Tidak jarang pengguna desktop membuka beberapa jendela atau tab secara bersamaan, dan beberapa situs bahkan mendorong perilaku ini, seperti editor web yang membuka dokumen di tab mereka sendiri.
Berkomunikasi di antara tab tersebut bisa jadi sulit. BroadcastChannel API adalah API pesan one-to-many baru antara jendela, tab, iframe, pekerja web, dan pekerja layanan. Hal ini memungkinkan skrip menetapkan saluran bernama untuk mengirim pesan antara konteks penjelajahan dari asal yang sama.
Referensi lain untuk BroadcastChannel
requestFullScreen
Media menjadi bagian yang semakin penting dari pengalaman penjelajahan.
Selain gestur pengguna, kini Anda dapat menggunakan
Element.requestFullScreen()
untuk memicu mode layar penuh setelah
perubahan orientasi layar - dan memungkinkan Anda
menciptakan pengalaman media yang lebih kaya yang mencakup fitur putar ke layar penuh.
Pengambilan asing
Bayangkan jika origin yang umum digunakan seperti penyedia API, layanan font web, atau layanan lainnya memiliki kemampuan untuk men-deploy pekerja layanannya sendiri.
Alih-alih selalu membuka jaringan, penyedia dapat menerapkan logika jaringan kustom mereka sendiri, dan memanfaatkan satu instance cache yang otoritatif untuk menyimpan responsnya.
Sekarang, berkat pengambilan asing, yang tersedia di Chrome 54 sebagai uji coba origin, hal tersebut terwujud. Lihat postingan Jeffrey yang ditautkan di komentar di bawah.
Penutup
Ini hanyalah beberapa perubahan di Chrome 54 untuk developer.
Periksa deskripsi untuk mengetahui detail selengkapnya dan tautkan dokumentasi dan spesifikasi.
Oh, dan jangan lupa menyaksikan Chrome Dev Summit, kami akan streaming di YouTube pada 10 dan 11 November.
Jika Anda ingin mengikuti informasi terbaru tentang Chrome dan mengetahui fitur yang akan datang, klik tombol Berlangganan di sana.
Saya Pete LePage, dan segera setelah Chrome 55 dirilis, saya akan ada di sini untuk memberi tahu Anda -- apa yang baru di Chrome!