Baru di Chrome 56

Pete LePage

  • Pengguna kini dapat memilih perangkat Bluetooth Hemat Energi untuk terhubung ke situs yang menggunakan Web Bluetooth API.
  • position: sticky telah kembali - memudahkan pembuatan elemen yang dapat di-scroll secara normal hingga melekat di bagian atas area pandang.
  • Selain itu, HTML5 secara Default diaktifkan untuk semua pengguna.

Saya Pete LePage, mari kita pelajari lebih dalam dan lihat hal-hal baru untuk developer di Chrome 56.

API Bluetooth Web

Hingga saat ini, pengguna yang memiliki perangkat Bluetooth harus menginstal aplikasi native untuk berkomunikasi dengannya. Dengan Chrome 56, pengguna dapat memilih perangkat Bluetooth Hemat Energi terdekat untuk disediakan ke situs yang menggunakan Web Bluetooth API.

Serupa dengan memilih file untuk dibagikan ke situs web, cara ini lebih aman daripada menginstal aplikasi native yang dapat membaca data dari apa pun. Pengguna memiliki kontrol penuh atas waktu dan perangkat mana yang dibagikan ke situs tertentu.

Web Bluetooth API menggunakan protokol GATT, yang memungkinkan aplikasi terhubung ke perangkat seperti bohlam, mainan, pemantau detak jantung, layar LED, dan lainnya hanya dengan beberapa baris JavaScript. Web Bluetooth juga dapat digabungkan dengan web beacon fisik untuk mempermudah penemuan perangkat di sekitar.

Francois memiliki artikel yang bagus tentang Update, pastikan untuk melihat beberapa demo yang menarik untuk mengikutinya.

CSS position: sticky;

Sebelumnya, mem-build header konten yang di-scroll secara normal hingga menempel di bagian atas area pandang memerlukan pemrosesan peristiwa scroll dan mengubah posisi elemen dari relatif ke tetap pada batas yang ditentukan. Sulit untuk disinkronkan, dan sering menyebabkan lompatan visual kecil.

Chrome kini mendukung CSS position: sticky;, cara baru untuk memosisikan elemen.

Elemen yang posisinya melekat, dimulai secara relatif; tetapi menjadi tetap, setelah elemen mencapai posisi scroll tertentu.

Cukup tetapkan position: sticky, lalu tetapkan nilai minimumnya agar melekat.

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan memiliki postingan Pembaruan tentang hal itu.

HTML5 Secara Default

Agustus lalu, kami mengumumkan bahwa kami akan beralih ke HTML5 Secara Default untuk menawarkan pengalaman yang lebih aman dan hemat daya. Perubahan ini akan menonaktifkan Adobe Flash Player kecuali jika ada indikasi pengguna bahwa mereka menginginkan konten Flash di situs tertentu, dan pada akhirnya semua situs akan memerlukan izin pengguna untuk menjalankan Flash.

Di Chrome 56, HTML5 Secara Default telah diaktifkan untuk semua pengguna, yang berarti mereka akan diminta untuk menjalankan Flash di situs yang belum pernah mereka kunjungi.

Detail selengkapnya tentang bagaimana dan kapan pengguna akan dimintai, serta rekomendasi tentang cara menguji situs Flash Anda.

Dan lainnya

Dan tentu saja masih banyak lagi.

Jika Anda ingin terus mengikuti info terbaru terkait Chrome dan mengetahui fitur-fitur yang akan hadir, pastikan untuk berlangganan, ikuti @ChromiumDev di Twitter, dan pastikan untuk menonton video dari Chrome Dev Summit untuk mempelajari lebih dalam beberapa hal menakjubkan yang sedang dikerjakan oleh tim Chrome.

Saya Pete LePage, dan segera setelah Chrome 57 dirilis, saya akan ada di sini untuk memberi tahu Anda -- apa yang baru di Chrome!

Baru di Chrome Easter Egg

Jika sudah membaca sejauh ini, Anda layak melihat cuplikan blooper dari Baru di Chrome 52. Saya merasa setiap kali membuka mulut, ada truk yang melintas, helikopter akan melayang, sebuah mobil membunyikan klakson.

Oh, dan terima kasih banyak kepada Andrew karena sudah meminjamkan kemejanya kepadaku! Pakaian saya mengalami malfungsi.