Baru di Chrome 78

Chrome 78 sekarang diluncurkan!

Saya Pete LePage, mari kita pelajari yang baru untuk pengembang di Chrome 78.

API Properti dan Nilai CSS

Variabel CSS, secara teknis disebut properti khusus, sangatlah luar biasa. Template ini memungkinkan Anda menentukan dan menggunakan properti Anda sendiri di seluruh CSS. Namun, properti khusus tidak lebih dari sekadar pencarian dan penggantian yang sederhana.

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

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

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, jika harus diwarisi, dan nilai awalnya.

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

Lihat artikel Properti kustom cerdas dengan API baru Houdini dari Sam Richard di web.dev untuk detail selengkapnya.

Pekerja layanan yang lebih baru

Pemeriksaan byte untuk byte kini dilakukan untuk skrip pekerja layanan yang diimpor oleh importScripts(). Sebelumnya, satu-satunya cara untuk memaksa pekerja layanan yang terinstal 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 atas, Chrome juga akan memeriksa apakah konten skrip yang diimpor telah berubah atau tidak. Jika mereka melakukannya, tindakan tersebut akan memicu alur update pekerja layanan lengkap. Ini membuat Chrome sesuai dengan spesifikasinya, dan sesuai dengan yang dilakukan Firefox dan Safari.

Jaka memiliki semua detail di Pekerja layanan 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 eksperimental dan API, serta memungkinkan Anda memberikan masukan terkait kegunaan dan efektivitasnya dalam deployment yang lebih luas.

Fitur eksperimental biasanya hanya tersedia di balik 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 ikut serta dalam uji coba origin, Anda dapat mem-build demo dan prototipe yang dapat dicoba oleh pengguna uji beta selama masa uji coba tanpa mengharuskan mereka untuk membalik flag khusus di Chrome.

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


Sistem File Asli

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

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

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

Penerima SMS

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

SMS Receiver API, kini tersedia sebagai uji coba origin, memungkinkan aplikasi web Anda menerima pesan SMS yang diformat 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 Verifikasi nomor telepon di web dengan SMS Receiver API dengan semua detail dan cara mendaftar ke uji coba origin.

Chrome Dev Summit 2019

Jangan lupa untuk mengikuti Chrome Dev Summit pada 11 dan 12 November, yang akan disiarkan secara live, di channel YouTube Chrome Developers.


Bacaan lebih lanjut

Ini hanya mencakup beberapa sorotan utama. Periksa link di bawah untuk melihat perubahan tambahan pada Chrome 78.

Subscribe

Ingin terus mendapatkan info terbaru terkait video kami, lalu berlangganan channel YouTube Developer Chrome kami, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru, atau menambahkan feed RSS ke pembaca feed.

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