- Ora lo standard IndexedDB 2.0 è completamente supportato in Chrome e offre una nuova gestione degli schemi, metodi di azione collettiva e una gestione più standardizzata degli errori.
- Le app web progressive diventano più immersive con
display: fullscreen
. allow-top-navigation-by-user-activation
offreiframes
nuovi poteri con sandbox- E c'è molto altro.
Vuoi l'elenco completo delle modifiche? Consulta l'elenco delle modifiche al repository di codice sorgente di Chromium
Mi chiamo Pete LePage. Analizziamo le novità di Chrome 58 per gli sviluppatori.
IndexedDB 2.0
La struttura del database del tuo sito ha un grande impatto sulle prestazioni e può essere difficile da modificare. IndexedDB 2.0 lo cambia.
- Ora gli archivi
object
eindexes
possono essere rinominati in loco dopo un refactoring. - I tasti binari consentono chiavi più naturali senza preoccuparsi delle penalità delle prestazioni.
- Il recupero dei dati è più semplice con i metodi
getKey()
,openKeyCursor()
econtinuePrimaryKey()
.
Inoltre, il recupero collettivo di interi set di dati non richiede più un cursore con getAll()
e getAllKey()
.
App web progressive a schermo intero
Quando vengono lanciate dalla schermata Home di Android, le app web progressive vengono lanciate in una modalità autonoma simile a quella di un'app che nasconde la omnibox. Ciò contribuisce a creare un'esperienza utente coinvolgente e a liberare spazio sullo schermo per i contenuti.
Tuttavia, nel caso di esperienze ancora più coinvolgenti come giochi, video player o altri contenuti avanzati, gli elementi UI per dispositivi mobili, come le barre di sistema, possono comunque rappresentare un elemento di distrazione e occupare pixel preziosi di tuo interesse.
Ora puoi rendere completamente immersiva la tua app web progressiva impostando display: fullscreen
nel file manifest dell'app web.
Quando l'app viene avviata dalla schermata Home, tutti gli elementi dell'interfaccia utente non app per dispositivi mobili vengono nascosti.
Miglioramenti dell'iframe con sandbox
Chrome 58 ora supporta la nuova parola chiave della sandbox iframe allow-top-navigation-by-user-activation
.
Quando viene attivata da un'interazione di un utente, questa parola chiave consente agli iframe con sandbox di navigare nella pagina di primo livello, bloccando comunque i reindirizzamenti automatici.
E tanto altro.
E, ovviamente, c'è molto altro.
- Puoi dire addio all'attacco
clearfix
. Anziché reimpostare manualmente più proprietà di layout, ad esempio float e chiaro, ora puoi aggiungere un nuovo contesto per la formattazione a blocchi utilizzandodisplay: flow-root
. PointerEvents.getCoalescedEvents()
consente di accedere a tutti gli eventi di input dall'ultima pubblicazione di unPointerEvent
. Ideale per quando hai bisogno di una cronologia precisa dei punti, ad esempio per disegnare app.- Inoltre, ora è possibile creare
Workers
eSharedWorkers
utilizzando URLdata:
, rendendo più sicuro lo sviluppo conWorkers
mediante l'assegnazione di un'origine opaca.
Queste sono solo alcune delle modifiche apportate a Chrome 58 per gli sviluppatori.
Se questo video ti è piaciuto, dai un'occhiata a Designer vs. Developer, una nuova serie di video che cerca di risolvere le sfide che designer e sviluppatori devono affrontare.
Poi iscriviti al nostro canale YouTube. Riceverai una notifica via email ogni volta che verrà lanciato un nuovo video.
Mi chiamo Pete LePage e, non appena uscirà la versione 59 di Chrome, sarò qui per dirti le novità di Chrome.