Baru di Chrome 70

Pete LePage

Di Chrome 70, kami telah menambahkan dukungan untuk:

Dan masih banyak lagi fitur lainnya.

Saya Pete LePage. Mari kita pelajari lebih lanjut dan lihat apa yang baru untuk developer di Chrome 70.

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

Progressive Web Apps Desktop di Windows & Linux

Pengguna kini dapat menginstal Progressive Web App Desktop di Windows & Linux.

Setelah diinstal, aplikasi akan diluncurkan dari menu Start dan berjalan seperti semua aplikasi terinstal lainnya, tanpa kolom URL atau tab. Worker layanan memastikan bahwa mereka cepat dan andal, pengalaman jendela aplikasi membuatnya terasa seperti aplikasi terinstal lainnya.

Cara memulainya tidak berbeda dengan yang sudah Anda lakukan saat ini. Semua pekerjaan yang telah Anda lakukan untuk Progressive Web App yang ada masih berlaku. Jika aplikasi Anda memenuhi kriteria PWA standar, Chrome akan mengaktifkan peristiwa beforeinstallprompt. Simpan peristiwa; lalu, tambahkan beberapa UI (seperti tombol instal aplikasi) untuk memberi tahu pengguna bahwa aplikasi Anda dapat diinstal. Kemudian, saat pengguna mengklik tombol, panggil prompt() pada peristiwa yang disimpan; Chrome kemudian akan menampilkan perintah kepada pengguna. Jika pengguna mengklik tambahkan, Chrome akan menambahkan PWA Anda ke menu mulai dan desktop mereka.

Lihat postingan saya tentang PWA Desktop untuk mengetahui detail selengkapnya.

Credential Management API: Kredensial Kunci Publik

Credential Management API membuat login menjadi sangat mudah bagi pengguna. Hal ini memungkinkan situs Anda berinteraksi dengan pengelola kredensial browser atau layanan akun gabungan seperti Google dan Facebook untuk login.

Chrome 70 menambahkan dukungan untuk jenis kredensial ketiga: Kredensial Kunci Publik, yang memungkinkan aplikasi web membuat dan menggunakan kredensial yang kuat, terverifikasi kriptografis, dan cakupan aplikasi untuk mengautentikasi pengguna dengan kuat.

Saya cukup senang karena fitur ini memungkinkan situs menggunakan sidik jari saya untuk autentikasi 2 faktor. Namun, versi ini juga menambahkan dukungan untuk jenis kunci keamanan tambahan dan keamanan yang lebih baik di web.

Lihat dokumentasi Credential Management API untuk mengetahui detail selengkapnya atau coba dengan Demo WebAuthn dan cara memulainya.

Bernama workers

Worker adalah cara mudah untuk memindahkan JavaScript dari thread utama ke latar belakang. Sangat penting untuk menjaga situs Anda tetap interaktif, karena ini berarti thread utama tidak akan terkunci saat menjalankan komputasi JavaScript yang mahal atau kompleks.

Tanpa WebWorkers

Thread utama
Banyak JavaScript berat yang berjalan, sehingga menghasilkan pengalaman yang lambat dan tidak stabil.

Dengan WebWorker

Thread utama
Tidak ada JavaScript berat yang berjalan, sehingga menghasilkan pengalaman yang cepat dan lancar.
WebWorker
Banyak JavaScript berat yang berjalan, tidak memengaruhi thread utama.

Di Chrome 70, pekerja kini memiliki atribut name, yang ditentukan oleh argumen opsional pada konstruktor.

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

Hal ini memungkinkan Anda membedakan pekerja khusus berdasarkan name saat memiliki beberapa pekerja dengan URL yang sama. Anda juga dapat mencetak nama di konsol DevTools, sehingga lebih mudah untuk mengetahui pekerja mana yang sedang Anda debug.

Pemberian nama pekerja sudah tersedia di Firefox, Edge, dan Safari. Lihat diskusi di GitHub untuk mengetahui detail selengkapnya.

Dan banyak lagi!

Ini hanyalah beberapa perubahan di Chrome 70 untuk developer, tentu saja, ada banyak lagi.

Langganan

Ingin terus mendapatkan info terbaru tentang video kami, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

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