Baru di Chrome 72

Di Chrome 72, kami telah menambahkan dukungan untuk:

Dan masih ada banyak lagi.

Saya Pete LePage. Mari pelajari dan lihat apa yang baru untuk developer di Chrome 72.

Log Perubahan

Informasi ini hanya mencakup beberapa sorotan utama, periksa link di bawah untuk melihat perubahan tambahan di Chrome 72.

Kolom class publik

Bahasa pertama saya adalah Java, dan belajar JavaScript membuat saya sedikit loop. Bagaimana cara membuat kelas? Atau pewarisan? 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 harapkan, lengkap dengan konstruktor, pengambil dan penyetel, metode statis, serta properti publik.

Berkat V8 7.2, yang disertakan bersama Chrome 72, Anda kini dapat mendeklarasikan kolom class publik langsung di 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 dalam artikel Mathias tentang kolom class untuk detail selengkapnya.

API Aktivasi Pengguna

Ingat kapan situs dapat memutar suara secara otomatis segera setelah halaman dimuat? Anda bergegas untuk menekan tombol bisukan, atau mencari tahu tab mana itu, dan menutupnya. Itulah sebabnya beberapa API memerlukan aktivasi melalui gestur pengguna sebelum dapat berfungsi. Sayangnya, browser menangani aktivasi dengan cara yang berbeda.

API aktivasi pengguna sebelum dan sesudah pengguna berinteraksi dengan halaman.

Chrome 72 memperkenalkan Aktivasi Pengguna v2, yang menyederhanakan aktivasi pengguna untuk semua API dengan akses terbatas. 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 hal dengan Intl.format

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

Lakukan inisialisasi dengan lokalitas yang Anda inginkan, lalu panggil format, dan kata serta sintaksis yang benar akan digunakan. Aplikasi ini dapat melakukan hubungan - yang menambahkan terjemahan yang setara dengan and (dan melihat koma oxford yang indah tersebut). Class ini dapat melakukan disjungsi - menambahkan lokal yang setara dengan or. Dan dengan memberikan beberapa opsi tambahan, Anda dapat melakukan lebih banyak lagi.

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 masih banyak lagi.

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

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