Baru di Chrome 88

Pete LePage

Chrome 88 mulai diluncurkan ke stabil sekarang.

Berikut hal yang perlu Anda ketahui:

Saya Pete LePage, bekerja, dan mengambil gambar dari rumah. Ayo selami dan lihat apa yang baru untuk developer di Chrome 88!

Manifes V3

Chrome 88 kini mendukung ekstensi yang dibuat dengan Manifes V3, dan Anda dapat menguploadnya ke Chrome Web Store. Manifest V3 adalah platform ekstensi baru, yang secara default membuat ekstensi Chrome lebih aman, berperforma, dan menjaga privasi.

Misalnya, pengecualian kode yang dihosting dari jarak jauh tidak diizinkan, sehingga membantu peninjau Chrome Web Store lebih memahami risiko yang ditimbulkan oleh ekstensi. Dan akan memungkinkan Anda mengupdate ekstensi dengan lebih cepat.

Contoh ini memperkenalkan pekerja layanan sebagai pengganti halaman latar belakang. Karena pekerja layanan hanya menempati memori saat diperlukan, ekstensi akan menggunakan lebih sedikit resource sistem.

Selain itu, untuk memberi pengguna visibilitas dan kontrol yang lebih besar atas cara ekstensi menggunakan dan membagikan data mereka, dalam rilis mendatang kami akan mengadopsi alur penginstalan baru yang memungkinkan pengguna menahan izin sensitif pada waktu penginstalan.

Lihat developer.chrome.com untuk mengetahui detail selengkapnya, dan cara memigrasikan ekstensi Anda saat ini ke Manifes V3.


Properti aspect-ratio CSS

Biasanya, hanya beberapa elemen yang memiliki rasio aspek, misalnya gambar. Jika hanya lebar atau tinggi yang ditentukan, elemen lainnya akan otomatis dihitung menggunakan rasio aspek intrinsik.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

Di Chrome 88, properti aspect-ratio memungkinkan Anda menentukan rasio aspek secara eksplisit, yang memungkinkan perilaku serupa.

.square {
  aspect-ratio: 1 / 1;
}

Anda juga dapat menggunakan progressive enhancement untuk memeriksa apakah dukungan ini didukung di browser, dan menerapkan penggantian jika perlu. Kemudian, dengan pemilih not CSS 4 yang baru, Anda dapat membuat kode sedikit lebih bersih.

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

Terima kasih kepada Jen Simmons karena telah memanggilnya ini didukung dalam Pratinjau Teknis Safari terbaru, jadi kita akan segera melihatnya di Safari. Dan lihat demo Una untuk melihat cara kerjanya.

Throttling berat timer JS berantai

Chrome 88 akan sangat membatasi timer JavaScript berantai untuk halaman tersembunyi dalam kondisi tertentu. Tindakan ini akan mengurangi penggunaan CPU, yang juga akan mengurangi penggunaan baterai. Ada beberapa kasus ekstrem di mana hal ini akan mengubah perilaku, tetapi timer sering digunakan saat API yang berbeda akan lebih efisien dan lebih andal.

Itu adalah jargon yang cukup berat dan agak ambigu, jadi baca artikel Jake Throttling berat timer JS berantai yang dimulai di Chrome 88 untuk semua detailnya.

Layanan penagihan Play di Aktivitas Web Tepercaya

Anda kini dapat menggunakan Layanan Penagihan Play di Aktivitas Web Tepercaya untuk menjual produk dan langganan digital menggunakan Digital Products API baru. Fitur ini tersedia sebagai uji coba origin di Chrome 88 di Android, dan kami berharap dapat memperluas uji coba origin ke ChromeOS dalam rilis berikutnya.

Setelah akun disiapkan, perbarui Aktivitas Web Tepercaya untuk mengaktifkan penagihan Play, dan buat produk digital Anda di Konsol Play. Kemudian, di PWA, tambahkan token uji coba origin, dan Anda siap menambahkan kode untuk memeriksa pembelian yang ada, membuat kueri untuk pembelian yang tersedia, dan melakukan pembelian baru.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana dan Andre membahas lebih detail dalam diskusi Chrome Dev Summit - Yang baru untuk aplikasi web di Play, atau lihat docs.

Dan lainnya

Dan tentu masih banyak lagi.

  • Agar sesuai dengan perubahan pada standar HTML, tag anchor dengan target="_blank" sekarang akan menyiratkan rel="noopener" secara default, hal ini membantu mencegah serangan tab-napping.
  • Sebagian besar sistem operasi mengaktifkan akselerasi mouse secara default, tetapi hal ini dapat menjadi masalah untuk beberapa game. Di Chrome 88, Pointer Lock API memungkinkan Anda menonaktifkan akselerasi mouse. Artinya, gerakan fisik yang sama, lambat atau cepat, akan menghasilkan rotasi yang sama, sehingga memberikan pengalaman bermain game yang lebih baik dan akurasi yang lebih tinggi.
  • Selain itu, addEventListener kini menggunakan Batalkan Sinyal sebagai opsi. Memanggil abort() akan menghapus pemroses peristiwa tersebut, sehingga memudahkan untuk mematikan pemroses peristiwa saat tidak lagi diperlukan.

Bacaan lebih lanjut

Artikel ini hanya mencakup beberapa sorotan utama. Periksa link di bawah untuk melihat perubahan tambahan pada Chrome 88.

Langganan

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

Saya Pete LePage, dan segera setelah Chrome 89 dirilis, saya akan ada di sini untuk memberi tahu Anda -- apa yang baru di Chrome!