Halaman ini diterjemahkan oleh Cloud Translation API.

Baru di Chrome 67

Pete LePage

Progressive Web App hadir di desktop
API sensor generik mempermudah Anda mendapatkan akses ke sensor perangkat seperti akselerometer, giroskop, dan lainnya.
Dan BigInt membuat penanganan bilangan bulat besar menjadi jauh lebih mudah.

Dan masih banyak lagi fitur lainnya.

Saya Pete LePage. Mari kita lihat apa saja yang baru untuk developer di Chrome 67.

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

PWA Desktop

Progressive web app desktop Spotify

Progressive Web App desktop kini didukung di ChromeOS 67, dan kami telah mulai mengerjakan dukungan untuk Mac dan Windows. Setelah diinstal, aplikasi tersebut diluncurkan dengan cara yang sama seperti aplikasi lain, dan berjalan di jendela aplikasi, tanpa kolom URL atau tab. Pekerja layanan memastikan bahwa mereka cepat dan andal, pengalaman jendela aplikasi membuat mereka merasa terintegrasi. Selain itu, fitur ini menciptakan pengalaman yang menarik bagi pengguna Anda.

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, Anda hanya perlu mempertimbangkan beberapa titik henti sementara tambahan.

Jika aplikasi Anda memenuhi kriteria PWA standar, Chrome akan memicu peristiwa beforeinstallprompt, tetapi tidak akan otomatis meminta pengguna. Sebagai gantinya, simpan peristiwa; lalu, tambahkan beberapa UI - seperti tombol instal aplikasi - ke aplikasi Anda untuk memberi tahu pengguna bahwa aplikasi Anda dapat diinstal. Kemudian, saat pengguna mengklik tombol, panggil perintah pada peristiwa yang disimpan; Chrome kemudian akan menampilkan perintah kepada pengguna. Jika pengguna mengklik tambahkan, Chrome akan menambahkan PWA Anda ke galeri dan peluncur mereka.

Lihat diskusi Google I/O saya, yang membahas detail tentang pertimbangan teknis dan desain khusus yang perlu Anda pikirkan saat membangun progressive web app desktop.

Selain itu, jika Anda ingin mulai mencobanya di Mac atau Windows, lihat postingan Desktop Progressive Web App lengkap untuk mengetahui detail tentang cara mengaktifkan dukungan dengan flag.

Generic Sensor API

Data sensor digunakan di banyak aplikasi untuk memungkinkan pengalaman seperti game imersif, pelacakan kebugaran, dan augmented reality atau virtual reality. Data ini kini tersedia untuk aplikasi web menggunakan Generic Sensor API.

API ini terdiri dari antarmuka Sensor dasar dengan kumpulan class sensor konkrit yang dibuat di atasnya. Memiliki antarmuka dasar menyederhanakan proses penerapan dan spesifikasi untuk class sensor konkret. Misalnya, class Giroskop sangat kecil.

const sensor = new Gyroscope({frequency: 500});
sensor.start();

sensor.onreading = () => {
    console.log("X-axis " + sensor.x);
    console.log("Y-axis " + sensor.y);
    console.log("Z-axis " + sensor.z);
};

Fungsi inti ditentukan oleh antarmuka dasar, dan Giroskopi hanya memperluasnya dengan tiga atribut yang mewakili kecepatan sudut. Chrome 67 mendukung akselerometer, giroskop, sensor orientasi, dan sensor gerakan.

Intel telah mengumpulkan beberapa demo API sensor generik dan kode contoh, dan mereka juga telah memperbarui postingan Sensor untuk Web! dari bulan September dengan semua hal yang perlu Anda ketahui.

`BigInt` dtk

BigInt adalah primitif numerik baru di JavaScript yang dapat merepresentasikan bilangan bulat dengan presisi arbitrer. ID bilangan bulat besar dan stempel waktu dengan akurasi tinggi tidak dapat direpresentasikan dengan aman sebagai Numbers di JavaScript, yang sering kali menyebabkan bug di dunia nyata (karenanya kita sering kali mewakili angka tersebut sebagai string).

let max = Number.MAX_SAFE_INTEGER;
// → 9_007_199_254_740_991
max = max + 1;
// → 9_007_199_254_740_992 - Yay!
max = max + 1;
// → 9_007_199_254_740_992 - Uh, no?

Dengan BigInt, kita dapat menyimpan dan melakukan aritmetika bilangan bulat dengan aman tanpa overflow. Saat ini, menangani bilangan bulat besar biasanya berarti kita harus menggunakan library yang akan mengemulasi fungsi seperti BigInt.

let max = BigInt(Number.MAX_SAFE_INTEGER);
// → 9_007_199_254_740_991n
max = max + 9n;
// → 9_007_199_254_741_000n - Yay!

Saat BigInt tersedia secara luas, kita dapat menghapus dependensi run-time ini dan menggunakan BigInts native. Implementasi native tidak hanya lebih cepat, tetapi juga akan membantu mengurangi waktu pemuatan, waktu penguraian, dan waktu kompilasi karena kita tidak perlu memuat library tambahan tersebut.

Dan banyak lagi!

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

Credential Management API telah didukung sejak Chrome 51, dan menyediakan framework untuk membuat, mengambil, dan menyimpan kredensial. Hal ini dilakukan melalui dua jenis kredensial: PasswordCredential dan FederatedCredential. Web Authentication API menambahkan jenis kredensial ketiga, PublicKeyCredential, yang memungkinkan browser mengautentikasi pengguna dengan pasangan kunci pribadi/publik yang dihasilkan oleh pengautentikasi seperti kunci keamanan, pembaca sidik jari, atau perangkat lain yang dapat mengautentikasi pengguna. Chrome 67 mengaktifkan API ini menggunakan pengautentikasi U2F/CTAP 1 melalui transportasi USB di desktop.

Pelajari lebih lanjut di postingan Mengaktifkan Autentikasi Kuat dengan WebAuthn Eiji.

Google I/O telah berakhir

Jika Anda tidak dapat menghadiri I/O, atau mungkin Anda menghadirinya, tetapi tidak melihat semua diskusi web, lihat playlist Chrome dan Web untuk mengetahui semua info terbaru dari Google I/O.

Yang baru di DevTools

Pastikan untuk membaca Yang baru di Chrome DevTools, untuk mempelajari yang baru di DevTools di Chrome 67.

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

Saya Pete LePage, dan segera setelah Chrome 68 dirilis, saya akan langsung memberi tahu Anda -- yang baru di Chrome.