Baru di Chrome 75

Pete LePage

Di Chrome 75, kami telah menambahkan dukungan untuk:

Saya Pete LePage, mari kita bahas dan lihat apa yang baru untuk developer di Chrome 75.

Log Perubahan

Informasi ini hanya mencakup beberapa sorotan utama, periksa link di bawah untuk melihat perubahan tambahan di Chrome 75.

Petunjuk untuk konteks canvas latensi rendah

Menggambar di layar dengan elemen kanvas mengharuskan halaman menyinkronkan update grafis dengan DOM. Sinkronisasi ini terkadang dapat menyebabkan latensi. Misalnya, dalam aplikasi menggambar, latensi yang lebih lama dari 50 milidetik dapat mengganggu koordinasi tangan-mata, sehingga sulit digunakan.

Petunjuk desynchronized, saat membuat konteks canvas, menggunakan jalur kode berbeda dan mengabaikan mekanisme pembaruan DOM biasa. Petunjuk ini memberi tahu sistem untuk melewati sebanyak mungkin komposisi. Dalam beberapa kasus, buffering dasar canvas dikirim langsung ke pengontrol tampilan layar. Tindakan ini menghilangkan latensi yang disebabkan oleh penggunaan antrean compositor perender.

Cukup mudah untuk menggunakan petunjuk yang didesinkronisasi, cukup tambahkan desynchronized: true ke objek opsi saat membuat kanvas.

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

Baca artikel Joe tentang Rendering latensi rendah dengan petunjuk yang didesinkronisasi untuk mengetahui detail selengkapnya, termasuk cara melakukan deteksi fitur untuk rendering tersebut.

Berbagi file dengan Web Share API

Web Share API memungkinkan Anda terhubung ke layanan berbagi yang disediakan oleh OS, sehingga memudahkan untuk berbagi halaman web dan aplikasi dengan aplikasi terinstal lainnya di perangkat pengguna.

Di Chrome 75, Web Share API kini mendukung berbagi file. Saya sangat senang dengan hal ini karena memudahkan aplikasi untuk berbagi foto, video, dan lainnya. Squoosh menambahkan dukungan untuk berbagi file setelah Anda selesai mengompresinya. Web Share API saat ini mendukung berbagi file audio, gambar, video, dan dokumen teks.

Sebaiknya gunakan deteksi fitur untuk melihat apakah Web Share API didukung, dan kembali ke mekanisme tradisional jika tidak didukung. Dan Anda dapat menggunakan navigator.canShare untuk memeriksa apakah berbagi file didukung.


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

Jika navigator.canShare menampilkan true, berbagi file tersebut akan didukung, sehingga Anda dapat memanggil navigator.share, dan meneruskan objek dengan array file yang ingin dibagikan. Chrome akan membuka sheet berbagi sistem dan memberi daftar aplikasi terinstal yang dapat Anda gunakan untuk berbagi file.

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

Coba demo dan lihat artikel Berbagi file dengan Berbagi Web untuk mengetahui detail selengkapnya.

Pemisah numerik

Literal numerik kini memungkinkan garis bawah (_, U+005F) sebagai pemisah agar lebih mudah dibaca. Misalnya, 1_000_000_000 akan ditafsirkan oleh operasi matematika sebagai setara dengan 1000000000.

Garis bawah hanya dapat muncul di antara angka, dan garis bawah yang berurutan tidak diizinkan. Jadi, literal seperti 3._14, _2.71, atau 1.6__2 tidak sah.

Google I/O 2019 telah berakhir

Jika Anda tidak berhasil menghadiri I/O, atau mungkin pernah, dan belum melihat semua perbincangan, semuanya ada di channel YouTube Developer Chrome, dalam playlist Web at Google I/O 2019.

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 76 dirilis, saya akan memberi tahu Anda apa yang baru di Chrome!

Kredit Foto