Baru di Chrome 70

Di Chrome 70, kami telah menambahkan dukungan untuk:

Dan masih ada banyak lagi.

Saya Pete LePage. Mari selami dan lihat apa yang baru untuk pengembang di Chrome 70!

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

Progressive Web App Desktop di Windows & Linux

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

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

Memulai ini tidak berbeda dengan apa 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 pelanggan mengklik tambahkan, Chrome akan menambahkan PWA Anda ke menu awal dan desktop.

Lihat postingan PWA Desktop untuk mengetahui detail selengkapnya.

Credential Management API: Kredensial Kunci Publik

Credential Management API memudahkan proses login bagi pengguna. ID ini memungkinkan situs Anda berinteraksi dengan pengelola kredensial atau layanan akun gabungan browser, seperti Google dan Facebook, untuk ditandatangani.

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

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

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

Bernama workers

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

Tanpa WebWorker

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

Dengan WebWorkers

Thread utama
Tidak ada JavaScript yang berjalan berat, 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 jika Anda memiliki beberapa pekerja dengan URL yang sama. Anda juga dapat mencetak nama tersebut di konsol DevTools, sehingga lebih mudah untuk mengetahui pekerja mana yang sedang di-debug.

Penamaan 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 masih banyak lagi.

Subscribe

Ingin terus mendapatkan video terbaru kami, lalu berlangganan channel YouTube Developer Chrome kami, 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 -- apa yang baru di Chrome!