Baru di Chrome 88

Pete LePage

Chrome 88 mulai diluncurkan ke versi stabil sekarang.

Berikut hal yang perlu Anda ketahui:

  • Kini Anda dapat mengupload ekstensi menggunakan manifes V3 ke Chrome Web Store.
  • Properti CSS aspect-ratio memudahkan penetapan rasio aspek pada elemen apa pun.
  • Chrome 88 akan sangat membatasi timer JavaScript berantai untuk halaman tersembunyi dalam kondisi tertentu.
  • Anda kini dapat menggunakan Penagihan Play di Aktivitas Web Tepercaya.
  • Semua video dari Chrome Dev Summit sudah tersedia.
  • Dan, masih banyak fitur lainnya.

Saya Pete LePage, bekerja, dan merekam dari rumah. Mari kita 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. Manifes V3 adalah platform ekstensi baru yang membuat ekstensi Chrome lebih aman, berperforma tinggi, dan menghormati privasi secara default.

Misalnya, kebijakan ini melarang kode yang dihosting dari jarak jauh, yang membantu peninjau Chrome Web Store lebih memahami risiko yang ditimbulkan oleh ekstensi. Dan akan memungkinkan Anda mengupdate ekstensi dengan lebih cepat.

Versi ini memperkenalkan pekerja layanan sebagai pengganti halaman latar belakang. Karena pekerja layanan hanya berada di 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 menggunakan 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. Untuk mereka, jika hanya lebar, atau tinggi, yang ditentukan, yang lain akan dihitung secara otomatis 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, sehingga memungkinkan perilaku yang serupa.

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

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

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

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

Terima kasih kepada Jen Simmons yang telah menyebutkan bahwa fitur ini didukung di Pratinjau Teknis Safari terbaru, sehingga kita akan segera melihatnya di Safari. Dan lihat demo Una untuk melihat cara kerjanya.

Throttling berat pada 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 yang akan mengubah perilaku, tetapi timer sering digunakan jika API yang berbeda akan lebih efisien, dan lebih andal.

Istilah-istilahnya cukup berat, dan sedikit ambigu, jadi baca artikel Jake Throttling berat pada timer JS berantai yang dimulai di Chrome 88 untuk mengetahui semua detailnya.

Penagihan Play di Aktivitas Web Tepercaya

Sekarang Anda dapat menggunakan Layanan Penagihan Google Play di Aktivitas Web Tepercaya untuk menjual barang dan langganan digital menggunakan Digital Goods 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 membahasnya lebih mendetail dalam presentasi Chrome Dev Summit mereka - Yang baru untuk aplikasi web di Play, atau lihat dokumen.

Dan lainnya

Dan tentu saja masih banyak lagi.

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

Bacaan lebih lanjut

Bagian ini hanya membahas beberapa sorotan utama. Lihat link di bawah untuk mengetahui perubahan tambahan di Chrome 88.

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 89 dirilis, saya akan langsung memberi tahu Anda -- yang baru di Chrome.