Baru di Chrome 61

Pete LePage

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

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

Saya Pete LePage. Mari kita selami dan lihat apa yang baru untuk developer di Chrome 61.

Modul JavaScript

Chrome 61 menambahkan dukungan native untuk modul JavaScript melalui elemen <script type="module">. Hal tersebut memungkinkan Chrome mengambil dependensi terperinci secara paralel, dengan memanfaatkan penyimpanan cache, menghindari duplikasi di seluruh halaman, dan memastikan skrip dijalankan 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 memudahkan Anda menulis dan men-deploy JavaScript isomorfik.

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

• Status Chrome
• Modul ES di Browser
• Modul ES6 secara Mendalam

Web Share API

Jika ingin pengguna dapat dengan mudah membagikan konten Anda di jaringan sosial favorit mereka, Anda perlu mengintegrasikan tombol berbagi ke situs untuk setiap jaringan sosial. Hal ini akan menambah beban halaman Anda, tidak selalu sesuai dengan UI Anda dengan baik, dan berarti Anda perlu menyertakan kode dari situs pihak ketiga.

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

Dalam rilis mendatang, API ini juga akan dapat berbagi ke aplikasi web yang diinstal. 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 Pembaruan WebShare API Paul untuk mengetahui detail selengkapnya 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, ilmiah, industri, atau lainnya yang khusus di browser sangat sulit, sering kali memerlukan driver khusus.

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

Kemudian, saat Anda siap untuk memulai, lihat postingan WebUSB Francois tentang update.

Dan banyak lagi!

• Anda kini dapat menentukan kelancaran scroll dengan properti CSS scroll-behavior.
• Nilai warna heksadesimal CSS kini dapat menentukan transparansi alfa dengan menambahkan angka ke 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 langsung.

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 langsung memberi tahu Anda -- apa yang baru di Chrome.