Baru di Chrome 58

Ingin daftar lengkap perubahan? Lihat daftar perubahan repositori sumber Chromium

Saya Pete LePage. Mari kita pelajari lebih dalam dan lihat hal-hal baru untuk developer di Chrome 58.

IndexedDB 2,0

Struktur database situs Anda memiliki dampak performa yang besar, dan mungkin sulit diubah. IndexedDB 2.0.

  • Penyimpanan object dan indexes kini dapat diganti namanya setelah melakukan pemfaktoran ulang.
  • Kunci biner memungkinkan kunci yang lebih alami tanpa perlu mengkhawatirkan adanya penalti performa.
  • Pengambilan data lebih mudah dengan metode getKey(), openKeyCursor(), dan continuePrimaryKey().

Selain itu, pemulihan massal seluruh set data tidak lagi memerlukan kursor dengan getAll() dan getAllKey().

Progressive web app layar penuh

Saat Progressive Web App diluncurkan dari layar utama Android, Progressive Web App akan diluncurkan dalam mode mirip aplikasi mandiri yang menyembunyikan omnibox. Hal ini membantu menciptakan pengalaman pengguna yang menarik, dan mengosongkan ruang layar untuk konten.

Namun, untuk pengalaman yang lebih imersif seperti game, pemutar video, atau konten lengkap lainnya, elemen UI seluler seperti kolom sistem masih dapat mengalihkan perhatian dan mengambil piksel berharga yang mungkin Anda inginkan.

Sekarang Anda dapat membuat Progressive Web App terasa sepenuhnya imersif dengan menyetel display: fullscreen di manifes aplikasi web.

PWA diluncurkan dari layar utama (kiri), diluncurkan dari layar utama dalam mode standalone (tengah), dan diluncurkan dari layar utama dalam mode fullscreen (kanan).

Saat aplikasi diluncurkan dari layar utama, semua elemen UI non-aplikasi seluler akan disembunyikan.

Peningkatan iframe dengan sandbox

Chrome 58 kini mendukung kata kunci sandbox iframe baru allow-top-navigation-by-user-activation.

Saat dipicu oleh interaksi pengguna, kata kunci ini memberikan kemampuan kepada iframe dengan sandbox untuk membuka halaman tingkat teratas, sekaligus tetap memblokir pengalihan otomatis.

Dan banyak lagi!

Dan tentu saja masih banyak lagi.

  • Ucapkan selamat tinggal pada hack clearfix. Daripada mereset beberapa properti tata letak secara manual seperti float dan clear, Anda kini dapat menambahkan konteks pemformatan blok baru menggunakan display: flow-root.
  • PointerEvents.getCoalescedEvents() memungkinkan Anda mengakses semua peristiwa input sejak terakhir kali PointerEvent dikirim. Cocok jika Anda memerlukan histori poin yang akurat untuk hal-hal seperti aplikasi menggambar.
  • Selain itu, Workers serta SharedWorkers kini dapat dibuat menggunakan URL data:, sehingga pengembangan dengan Workers menjadi lebih aman dengan memberinya origin buram.

Ini hanyalah beberapa perubahan di Chrome 58 untuk developer.

Jika Anda menikmati video ini, tonton Desainer vs. Developer, serial video baru yang mencoba mengatasi tantangan yang dihadapi ketika desainer dan developer bekerja sama.

Kemudian, subscribe ke channel YouTube kami, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

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