Baru di Chrome 61

  • Chrome 61 kini mendukung modul JavaScript secara native, yang menyatukan cara penulisan JavaScript modular.
  • Anda kini dapat menggunakan navigator.share untuk memicu dialog berbagi Android native.
  • WebUSB API telah tersedia, yang memungkinkan aplikasi web mengakses perangkat USB yang diizinkan pengguna.
  • Dan masih ada banyak lagi.

Ingin daftar lengkap perubahan? Lihat daftar perubahan repositori sumber Chromium.

Saya Pete LePage. Mari kita pelajari lebih dalam dan lihat hal-hal baru untuk developer di Chrome 61.

Modul JavaScript

Chrome 61 menambahkan dukungan native untuk modul JavaScript melalui elemen <script type="module">. Hal ini memungkinkan Chrome mengambil dependensi terperinci secara paralel, memanfaatkan penyimpanan dalam cache, menghindari duplikasi di seluruh halaman, dan memastikan bahwa skrip dieksekusi dalam urutan yang benar.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

Sistem modul standar ini menyatukan cara JavaScript modular dapat ditulis dan dikirim ke browser web. Di masa mendatang, sistem yang sama akan tersedia di Node, sehingga Anda akan lebih mudah untuk menulis dan men-deploy JavaScript isomorfik.

Anda dapat mempelajari lebih lanjut modul dan aspek JavaScript yang terpengaruh oleh modul dari link di bawah ini.

Web Share API

Jika ingin pengguna dapat membagikan konten Anda dengan mudah di jejaring sosial favorit mereka, Anda harus mengintegrasikan tombol berbagi ke situs Anda untuk setiap jejaring sosial. Menambahkan penggelembungan ke halaman, tidak selalu sesuai dengan UI, dan berarti Anda perlu menyertakan kode dari situs pihak ketiga.

Web Share API, yang saat ini tersedia di Chrome untuk Android, memungkinkan Anda mengaktifkan kemampuan berbagi native perangkat pengguna, sehingga pengguna dapat dengan mudah berbagi teks atau link dengan aplikasi native yang terinstal.

Dalam rilis mendatang, API ini juga akan dapat dibagikan ke aplikasi web terinstal. Untuk menggunakannya, cukup panggil navigator.share dengan detail halaman yang ingin Anda bagikan, sistem akan menangani sisanya.


navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

Lihat Update WebShare API Paul untuk mengetahui detail lengkap dan beberapa praktik terbaik yang harus Anda ikuti.

WebUSB

Sebagian besar periferal hardware seperti keyboard, mouse, printer, dan gamepad didukung oleh API platform web tingkat tinggi. Namun, menggunakan perangkat USB pendidikan, ilmu pengetahuan, industri, atau perangkat USB lainnya pada browser sangatlah sulit, dan sering kali memerlukan driver khusus.

Chrome kini mendukung WebUSB API, yang memungkinkan aplikasi web berkomunikasi dengan perangkat USB, setelah pengguna memberikan izin. Untuk mempelajari lebih lanjut pertimbangan keamanan dan privasi serta cara penanganannya, lihat spesifikasi WebUSB.

Kemudian, jika Anda sudah siap untuk mempelajarinya, lihat postingan WebUSB Francois tentang update.

Dan banyak lagi!

  • Sekarang Anda dapat menentukan kelancaran scroll dengan properti CSS scroll-behavior.
  • Nilai warna heksadesimal CSS kini dapat menentukan transparansi alfa dengan menambahkan angka pada akhir string.
  • Anda dapat mengakses posisi relatif konten layar dengan Visual Viewport API, yang mengekspos fungsi kompleks seperti cubit dan zoom dengan cara yang lebih jelas.

Ini hanyalah beberapa perubahan di Chrome 61 untuk developer.

Kemudian, subscribe ke channel YouTube kami, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

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