Novità di Chrome 58

Pete LePage

Vuoi l'elenco completo delle modifiche? Consulta l'elenco delle modifiche al repository di codice sorgente di Chromium

Sono Pete LePage. Diamo un'occhiata alle novità per gli sviluppatori in Chrome 58.

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 i negozi object e indexes possono essere rinominati in situ dopo un refactoring.
  • Le chiavi binarie consentono chiavi più naturali senza preoccuparsi di penalizzazioni del rendimento.
  • 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 le app web progressive vengono avviate dalla schermata Home di Android, si avviano in una modalità simile a un'app autonoma che nasconde l'omnibox. In questo modo, contribuisci a creare un'esperienza utente coinvolgente e a liberare spazio sullo schermo per i contenuti.

Tuttavia, per esperienze ancora più immersive come giochi, lettori video o altri contenuti avanzati, gli elementi dell'interfaccia utente mobile come le barre di sistema possono comunque essere una distrazione e occupare pixel preziosi.

Ora puoi rendere la tua app web progressiva completamente immersiva impostandodisplay: fullscreen nel file manifest dell'app web.

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

Quando l'app viene lanciata dalla schermata Home, tutti gli elementi dell'interfaccia utente mobile non relativi all'app vengono nascosti.

Miglioramenti agli 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 dell'utente, questa parola chiave consente agli iframe in sandbox di navigare nella pagina di primo livello, bloccando al contempo i reindirizzamenti automatici.

E tanto altro.

E naturalmente, ce ne sono molti altri.

  • Puoi dire addio all'hack clearfix. Anziché reimpostare manualmente più proprietà di layout come float e clear, ora puoi aggiungere un nuovo contesto di formattazione di blocco utilizzando display: flow-root.
  • PointerEvents.getCoalescedEvents() ti consente di accedere a tutti gli eventi di input dall'ultima volta che è stato inviato un PointerEvent. Perfetto per quando hai bisogno di una cronologia precisa dei punti per app di disegno.
  • Inoltre, ora Workers e SharedWorkers possono essere creati utilizzando gli URL data:, rendendo lo sviluppo con Workers più sicuro assegnando un'origine opaca.

Queste sono solo alcune delle modifiche apportate a Chrome 58 per gli sviluppatori.

Se ti è piaciuto questo video, dai un'occhiata a Designer vs. Developer, una nuova serie di video che cerca di risolvere le sfide che si presentano quando designer e sviluppatori lavorano insieme.

Poi iscriviti al nostro canale YouTube e riceverai una notifica via email ogni volta che lanceremo un nuovo video.

Sono Pete LePage e, non appena verrà rilasciato Chrome 59, sarò qui per raccontarti le novità di Chrome.