Di Chrome 75, kami telah menambahkan dukungan untuk:
- Ada cara baru untuk mengurangi latensi pada elemen
canvas
. - Aplikasi web kini dapat berbagi file ke aplikasi terinstal lainnya menggunakan sheet berbagi tingkat sistem.
- Literal numerik kini memungkinkan garis bawah sebagai pemisah agar lebih mudah dibaca.
- Google I/O 2019 telah berakhir dan semua pembicaraan ada di channel YouTube kami.
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.
- Yang baru di Chrome DevTools (75)
- Penghentian & penghapusan Chrome 75
- Update ChromeStatus.com untuk Chrome 75
- Yang baru di JavaScript di Chrome 75
- Daftar perubahan repositori sumber Chromium
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.
- Tom dan saya mempresentasikan "Memanfaatkan kemampuan baru untuk web" yang membahas beberapa kemampuan baru menakjubkan yang tersedia di browser tahun ini.
- Addy dan Katie membahas beberapa tips dan trik performa yang keren dalam "Speed at Scale".
- Elizabeth dan Paul mencoba beberapa devtools keren di "Demystifying Speed Tooling".
- Dan dalam "Build Fast and Smooth Web Apps from Feature Phone to Desktop" Mariko menunjukkan kepada kita cara ia dan krunya membuat Proxx agar berfungsi di perangkat apa pun, mulai dari ponsel menengah, smartphone, hingga desktop. Kalau kamu belum pernah mencoba Proxx, ini adalah clone sweeper ranjau yang sangat seru.
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
- Foto sketsa oleh Balázs Kétyi dari Unsplash