Baru di Chrome 78

Pete LePage

Chrome 78 sekarang diluncurkan.

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

CSS Properties and Values API

Variabel CSS, secara teknis disebut properti khusus, sangat bagus. Properti gabungan memungkinkan Anda menentukan dan menggunakan properti Anda sendiri di seluruh CSS. Namun, properti kustom tidak lebih dari penelusuran dan penggantian sederhana.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

Jika Anda menggunakan variabel untuk warna, tetapi menetapkan URL sebagai nilai, aturan akan dihapus secara otomatis. Dengan CSS Properties and Values API, Anda dapat menentukan jenis dan nilai penggantian default untuk properti kustom.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

Mendaftarkan properti semudah memanggil window.CSS.registerProperty() dan memberikan nama properti yang Anda tentukan jenis propertinya, apakah harus diwarisi, dan nilai awalnya.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

Lihat artikel Properti kustom yang lebih cerdas dengan API baru Houdini karya Sam Richard di web.dev untuk mengetahui detail lengkapnya.

Pekerja layanan yang lebih baru

Pemeriksaan byte demi byte kini dilakukan untuk skrip pekerja layanan yang diimpor oleh importScripts(). Sebelumnya, satu-satunya cara untuk memaksa pekerja layanan yang diinstal mengambil perubahan pada skrip yang diimpor adalah dengan mengubah URL skrip yang diimpor, biasanya dengan menambahkan nilai semver atau hash di URL.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

Mulai Chrome 78, setiap kali pemeriksaan update dilakukan untuk file pekerja layanan level teratas, Chrome juga akan memeriksa apakah konten skrip yang diimpor telah berubah atau tidak. Jika sudah, tindakan ini akan memicu alur pembaruan pekerja layanan lengkap. Hal ini membuat Chrome sesuai dengan spec, dan cocok dengan yang dilakukan Firefox dan Safari.

Jeff memiliki semua detailnya di Service worker yang lebih baru, secara default, termasuk beberapa hal penting yang perlu diketahui tentang pengaruh cache HTTP terhadap siklus update.

Uji coba origin baru

Uji coba origin memberi kami kesempatan untuk memvalidasi fitur dan API eksperimental, serta memungkinkan Anda memberikan masukan tentang kegunaan dan efektivitasnya dalam deployment yang lebih luas.

Fitur eksperimental biasanya hanya tersedia di belakang tanda, tetapi saat kami menawarkan Uji Coba Origin untuk suatu fitur, Anda dapat mendaftar ke uji coba origin tersebut untuk mengaktifkan fitur tersebut bagi semua pengguna di origin Anda.

Dengan memilih uji coba origin, Anda dapat membuat demo dan prototipe yang dapat dicoba oleh pengguna pengujian beta selama uji coba tanpa mengharuskan mereka mengaktifkan flag khusus di Chrome.

Ada info selengkapnya tentang uji coba origin di Panduan Uji Coba Origin untuk Developer Web. Anda dapat melihat daftar uji coba origin yang aktif, dan mendaftar di halaman Uji Coba Origin Chrome.


Sistem File Native

Uji Coba Origin untuk Native File System API dimulai di Chrome 78 dan diperkirakan akan berjalan hingga Chrome 80.

Native File System API memungkinkan developer mem-build aplikasi web yang canggih yang berinteraksi dengan file di perangkat lokal pengguna. Setelah pengguna memberikan akses aplikasi web, API ini memungkinkan aplikasi web membaca atau menyimpan perubahan langsung ke file dan folder di perangkat pengguna.

Saya sangat antusias dengan semua pengalaman baru yang memungkinkan hal ini, tidak perlu lagi "mengupload" atau "mendownload" file yang ingin saya gunakan. Lihat postingan saya tentang Sistem File Native untuk mengetahui semua detailnya, termasuk kode, demo, dan cara kami menjaga keamanan pengguna.

Penerima SMS

Uji Coba Origin untuk SMS Receiver API dimulai di Chrome 78 dan diperkirakan akan berjalan hingga Chrome 80.

SMS Receiver API, yang kini tersedia sebagai uji coba origin, memungkinkan aplikasi web Anda menerima pesan SMS berformat khusus untuk origin aplikasi Anda. Dari sini, Anda dapat memperoleh OTP secara terprogram dari pesan SMS dan memverifikasi nomor telepon untuk pengguna dengan lebih mudah.

Eiji menulis Memverifikasi nomor telepon di web dengan SMS Receiver API beserta semua detail dan cara mendaftar ke uji coba origin.

Chrome Dev Summit 2019

Jangan lupa untuk menonton Chrome Dev Summit pada tanggal 11 dan 12 November. Acara ini akan disiarkan secara live di channel YouTube Chrome Developers.


Bacaan lebih lanjut

Artikel ini hanya mencakup beberapa sorotan utama. Lihat link di bawah untuk mengetahui perubahan tambahan di Chrome 78.

Langganan

Ingin terus mendapatkan info terbaru tentang video kami, subscribe ke channel YouTube Developer Chrome, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru, atau tambahkan feed RSS kami ke pembaca feed Anda.

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