- Sekarang Anda dapat membuat tag HTML kustom sendiri dan membuat komponen web yang dapat digunakan kembali dengan Elemen Kustom v1.
- Mengirim pesan antar-jendela atau tab yang terbuka di origin yang sama menjadi lebih mudah dengan BroadcastChannel API.
- Pengalaman media menjadi lebih baik di Android dan pengambilan asing kini tersedia sebagai uji coba origin.
Saya Pete LePage. Mari kita lihat apa yang baru untuk developer di Chrome 54.
Elemen kustom v1
Antarmuka pengguna yang kompleks sering kali memerlukan HTML dalam jumlah besar. Sebagian besar bahasa memungkinkan developer membuat komponen mereka sendiri yang dibuat di atas primitif bahasa untuk mengurangi panjangnya jenis ini. Namun, hingga saat ini, membuat komponen yang dapat digunakan kembali di web masih sulit.
Elemen kustom memungkinkan Anda membuat tag HTML kustom sendiri, dan menentukan API dan perilaku elemen baru dalam JavaScript. Hasilnya, cara native browser untuk membuat komponen interoperabilitas yang dapat digunakan kembali.
Chrome 54 memberikan dukungan untuk elemen kustom terbaru spesifikasi V1, dan akan terus mendukung V0 API hingga Anda cukup banyak beralih ke V1.
Lihat panduan dasar tentang elemen kustom untuk mengetahui cara menggunakannya guna membuat komponen web yang dapat digunakan kembali untuk situs atau aplikasi Anda.
BroadcastChannel API
Tidak jarang pengguna desktop memiliki beberapa jendela atau tab yang terbuka secara bersamaan, dan beberapa situs bahkan mendorong perilaku ini, seperti editor web yang membuka dokumen di tabnya sendiri.
Berkomunikasi di antara tab tersebut bisa jadi sulit. BroadcastChannel API adalah API pesan satu ke banyak baru antara jendela, tab, iframe, pekerja web, dan pekerja layanan. Hal ini
memungkinkan skrip membuat saluran bernama untuk mengirim pesan di antara
konteks penjelajahan dari origin yang sama.
Resource BroadcastChannel lainnya
requestFullScreen
Media menjadi bagian yang semakin penting dari pengalaman menjelajah.
Selain gestur pengguna, kini Anda dapat menggunakan
Element.requestFullScreen()
untuk memicu mode layar penuh setelah
perubahan orientasi layar - dan memungkinkan Anda
membuat pengalaman media yang lebih kaya yang mencakup 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.
Daripada selalu membuka jaringan, penyedia dapat mengimplementasikan logika jaringan kustomnya sendiri, dan memanfaatkan satu instance cache resmi untuk menyimpan responsnya.
Sekarang, berkat pengambilan asing, yang tersedia di Chrome 54 sebagai uji coba origin, hal ini menjadi kenyataan. 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 link dokumentasi serta spesifikasi.
Oh, dan jangan lupa untuk menonton Chrome Dev Summit, kami akan menayangkannya di YouTube pada 10 dan 11 November.
Jika Anda ingin terus mendapatkan info terbaru tentang Chrome dan mengetahui apa yang akan datang, klik tombol Berlangganan di atas.
Saya Pete LePage, dan segera setelah Chrome 55 dirilis, saya akan ada di sini untuk memberi tahu Anda -- yang baru di Chrome.