Baru di Chrome 72

Pete LePage

Di Chrome 72, kami telah menambahkan dukungan untuk:

Dan masih banyak lagi fitur lainnya.

Saya Pete LePage. Mari kita lihat yang baru untuk developer di Chrome 72.

Log perubahan

Bagian ini hanya mencakup beberapa sorotan utama. Lihat link di bawah untuk perubahan tambahan di Chrome 72.

Kolom class publik

Bahasa pertama saya adalah Java, dan mempelajari JavaScript membuat saya sedikit kebingungan. Bagaimana cara membuat kelas? Atau warisan? Bagaimana dengan properti dan metode publik dan pribadi? Banyak update terbaru pada JavaScript yang membuat pemrograman berorientasi objek jauh lebih mudah.

Sekarang saya dapat membuat class, yang berfungsi seperti yang saya inginkan, lengkap dengan konstruktor, pengambil dan penyetel, metode statis, dan properti publik.

Berkat V8 7.2, yang disertakan dengan Chrome 72, kini Anda dapat mendeklarasikan kolom class publik langsung dalam definisi class, sehingga tidak perlu melakukannya di konstruktor.

class Counter {
  _value = 0;
  get value() {
    return this._value;
  }
  increment() {
    this._value++;
  }
}

const counter = new Counter();
console.log(counter.value);
// → 0
counter.increment();
console.log(counter.value);
// → 1

Dukungan untuk kolom class pribadi sedang dalam proses.

Detail selengkapnya ada di artikel Mathias tentang kolom class untuk detail selengkapnya.

User Activation API

Ingat saat situs dapat otomatis memutar suara segera setelah halaman dimuat? Anda berusaha menekan tombol bisu, atau mencari tahu tab mana yang diputar, lalu menutupnya. Itulah sebabnya beberapa API memerlukan aktivasi melalui gestur pengguna sebelum dapat berfungsi. Sayangnya, browser menangani aktivasi dengan cara yang berbeda.

User activation API sebelum dan setelah pengguna berinteraksi dengan halaman.

Chrome 72 memperkenalkan User Activation v2, yang menyederhanakan aktivasi pengguna untuk semua API yang dibatasi. Fitur ini didasarkan pada spesifikasi baru yang bertujuan untuk menstandarkan cara kerja aktivasi di semua browser.

Ada properti userActivation baru di navigator dan MessageEvent, yang memiliki dua properti: hasBeenActive dan isActive:

  • hasBeenActive menunjukkan apakah jendela terkait pernah melihat aktivasi pengguna dalam siklus prosesnya.
  • isActive menunjukkan apakah jendela terkait saat ini memiliki aktivasi pengguna dalam siklus prosesnya.

Detail selengkapnya ada di Membuat aktivasi pengguna konsisten di seluruh API

Melokalkan daftar item dengan Intl.format

Saya menyukai Intl API karena sangat membantu untuk melokalkan konten ke dalam bahasa lain. Di Chrome 72, ada metode .format() baru yang mempermudah rendering daftar. Seperti Intl API lainnya, API ini mengalihkan beban ke mesin JavaScript, tanpa mengorbankan performa.

Lakukan inisialisasi dengan lokalitas yang Anda inginkan, lalu panggil format, dan akan menggunakan kata dan sintaksis yang benar. Fungsi ini dapat melakukan konjungsi - yang menambahkan and yang dilokalkan (dan lihat tanda koma oxford yang indah). Fungsi ini dapat melakukan disjungsi, yaitu menambahkan atau yang setara dalam bahasa lokal. Dengan menyediakan beberapa opsi tambahan, Anda dapat melakukan lebih banyak hal.

const opts = {type: 'disjunction'};
const lf = new Intl.ListFormat('fr', opts);
lf.format(['chien', 'chat', 'oiseau']);
// → 'chien, chat ou oiseau'
lf.format(['chien', 'chat', 'oiseau', 'lapin']);
// → 'chien, chat, oiseau ou lapin'

Lihat postingan Intl.ListFormat API untuk mengetahui detail selengkapnya.

Dan banyak lagi!

Ini hanyalah beberapa perubahan di Chrome 72 untuk developer, tentu saja, ada banyak lagi.

  • Chrome 72 mengubah perilaku Cache.addAll() agar lebih cocok dengan spesifikasi. Sebelumnya, jika ada entri duplikat dalam panggilan yang sama, permintaan berikutnya akan menimpa entri pertama. Untuk mencocokkan spesifikasi, jika ada entri duplikat, entri tersebut akan ditolak dengan InvalidStateError.
  • Permintaan untuk favicon kini ditangani oleh pekerja layanan, selama URL permintaan berada di origin yang sama dengan pekerja layanan.

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