Novità di Chrome 58

Pete LePage

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 e indexes 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() e continuePrimaryKey().

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.

Una PWA è stata avviata dalla schermata Home (a sinistra), avviata dalla schermata Home in modalità standalone (al centro) e avviata dalla schermata Home in modalità fullscreen (a destra).

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 utilizzando display: flow-root.
  • PointerEvents.getCoalescedEvents() consente di accedere a tutti gli eventi di input dall'ultima pubblicazione di un PointerEvent. Ideale per quando hai bisogno di una cronologia precisa dei punti, ad esempio per disegnare app.
  • Inoltre, ora è possibile creare Workers e SharedWorkers utilizzando URL data:, rendendo più sicuro lo sviluppo con Workers 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.