- Standar IndexedDB 2.0 kini sepenuhnya didukung 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
memberiiframes
kemampuan baru dengan sandbox- Dan masih banyak lagi!
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
danindexes
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()
, dancontinuePrimaryKey()
.
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.
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 menggunakandisplay: flow-root
. PointerEvents.getCoalescedEvents()
memungkinkan Anda mengakses semua peristiwa input sejak terakhir kaliPointerEvent
dikirim. Cocok jika Anda memerlukan histori poin yang akurat untuk hal-hal seperti aplikasi menggambar.- Selain itu,
Workers
sertaSharedWorkers
kini dapat dibuat menggunakan URLdata:
, sehingga pengembangan denganWorkers
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!