Baru di Chrome 58

Pete LePage

• Standar IndexedDB 2.0 kini didukung sepenuhnya di Chrome, dan menampilkan pengelolaan skema baru, metode tindakan massal, dan penanganan kegagalan yang lebih standar.
• Progressive Web App menjadi lebih imersif dengan display: fullscreen.
• allow-top-navigation-by-user-activation memberi iframes sandbox kemampuan baru
• Dan masih banyak lagi.

Ingin melihat daftar lengkap perubahan? Lihat daftar perubahan repositori sumber Chromium

Saya Pete LePage. Mari kita lihat apa saja yang baru untuk developer di Chrome 58.

IndexedDB 2.0

Struktur database situs Anda memiliki dampak besar pada performa, dan dapat sulit diubah. IndexedDB 2.0 akan mengubahnya.

• Toko object dan indexes kini dapat diganti namanya di tempat setelah pemfaktoran ulang.
• Kunci biner memungkinkan kunci yang lebih alami tanpa perlu mengkhawatirkan 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 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 kaya lainnya, elemen UI seluler seperti panel sistem masih dapat menjadi gangguan dan menghabiskan piksel berharga yang mungkin Anda inginkan.

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

Saat aplikasi diluncurkan dari layar utama, semua elemen UI seluler non-aplikasi 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 memberi iframe dengan sandbox kemampuan 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 seperti float dan clear secara manual, kini Anda dapat menambahkan konteks pemformatan blok baru menggunakan display: flow-root.
• PointerEvents.getCoalescedEvents() memungkinkan Anda mengakses semua peristiwa input sejak terakhir kali PointerEvent dikirim. Cocok untuk saat Anda memerlukan histori titik yang akurat untuk hal-hal seperti aplikasi menggambar.
• Selain itu, Workers dan 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 menyukai video ini, lihat Desainer vs. Developer, serial video baru yang mencoba memecahkan tantangan yang dihadapi saat 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 langsung memberi tahu Anda -- yang baru di Chrome.