Baru di Chrome 75

Pete LePage

Di Chrome 75, kami telah menambahkan dukungan untuk:

Saya Pete LePage. Mari kita lihat hal baru untuk developer di Chrome 75.

Log perubahan

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

Petunjuk untuk konteks canvas latensi rendah

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

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

Menggunakan petunjuk yang tidak disinkronkan itu mudah, cukup tambahkan desynchronized: true ke objek opsi saat membuat kanvas.

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

Lihat artikel Joe Rendering latensi rendah dengan petunjuk yang tidak disinkronkan untuk detail selengkapnya, termasuk cara melakukan deteksi fitur untuk hal tersebut.

Berbagi file dengan Web Share API

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

Di Chrome 75, Web Share API kini mendukung berbagi file. Saya sangat antusias dengan hal ini karena memudahkan aplikasi untuk berbagi foto, video, dan lainnya. Squoosh menambahkan dukungan untuk membagikan file setelah Anda selesai mengompresi file tersebut. 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. Selain itu, 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 didukung, sehingga Anda dapat memanggil navigator.share, dan meneruskan objek dengan array file yang ingin dibagikan. Chrome akan membuka sheet berbagi sistem dan memberi Anda daftar aplikasi terinstal tempat Anda dapat membagikan 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 baca artikel Berbagi file dengan Berbagi Web untuk mengetahui detail selengkapnya.

Pemisah numerik

Literal numerik kini mengizinkan 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 boleh muncul di antara angka, dan garis bawah berturut-turut tidak diizinkan. Jadi, literal seperti 3._14, _2.71, atau 1.6__2 adalah ilegal.

Google I/O 2019 telah berakhir

Jika Anda tidak berhasil menghadiri I/O, atau mungkin Anda melakukannya, dan tidak melihat semua pembahasan, semuanya ada di channel YouTube Chrome Developers, di playlist Web at Google I/O 2019.

Langganan

Ingin terus mendapatkan info terbaru tentang video kami, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

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

Kredit Foto