Novità di Chrome 58

Pete LePage

• Lo standard IndexedDB 2.0 è ora completamente supportato in Chrome e include nuove funzionalità di gestione degli schemi, metodi di azione collettiva e altro ancora e la gestione standardizzata degli errori.
• Le app web progressive diventano più coinvolgenti grazie display: fullscreen
• allow-top-navigation-by-user-activation consente la limitazione tramite sandbox iframes nuovi poteri
• E ce ne sono molti altri.

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

Mi chiamo Pete LePage. Scopriamo 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 difficili da modificare. IndexedDB 2.0 cambia questo aspetto.

• Ora è possibile rinominare object negozi e indexes in sede dopo un il refactoring.
• Le chiavi binarie consentono chiavi più naturali senza preoccuparsi delle prestazioni penali.
• Il recupero dei dati è più facile con getKey(), openKeyCursor() e continuePrimaryKey().

Inoltre, il recupero in blocco 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, avviarsi in una modalità autonoma simile a un'app che nasconde la omnibox. Ciò consente di creano un'esperienza utente coinvolgente e liberano spazio sullo schermo per i contenuti.

Tuttavia, per esperienze ancora più coinvolgenti come giochi, video player, o altri contenuti avanzati, gli elementi dell'interfaccia utente mobile, come le barre di sistema, rappresentare comunque una distrazione e di occupare pixel preziosi che potresti volere.

Ora puoi rendere la tua app web progressiva totalmente immersiva impostando display: fullscreen in manifest dell'app web.

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

Quando l'app viene avviata dalla schermata Home, tutte le UI per dispositivi mobili non dell'app vengono nascosti.

Miglioramenti degli iframe con sandbox

Chrome 58 ora supporta la nuova parola chiave sandbox iframe allow-top-navigation-by-user-activation

Quando viene attivata dall'interazione di un utente, questa parola chiave assegna agli iframe con sandbox possibilità di navigare nella pagina di primo livello pur bloccando i reindirizzamenti automatici.

E tanto altro.

E ovviamente c'è molto altro.

• Puoi dire addio alla compromissione di clearfix. Anziché reimpostare manualmente di più proprietà di layout, come "float" e "Cancella", ora puoi aggiungere un nuovo contesto di formattazione a blocchi utilizzando display: flow-root.
• PointerEvents.getCoalescedEvents() ti consente di accedere a tutti gli eventi di input dall'ultima pubblicazione di PointerEvent. Ideale per quando hanno bisogno di una cronologia precisa dei punti per cose come le app di disegno.
• Ora è possibile creare Workers e SharedWorkers utilizzando data: URL, rendendo più sicuro lo sviluppo con Workers assegnando loro un'origine opaca.

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

Se questo video ti è piaciuto, dai un'occhiata Designer e sviluppatore. una nuova serie di video in cui i designer provano a risolvere le sfide affrontate e sviluppatori lavorano insieme.

Poi iscriviti alle nostre canale YouTube e riceverai una notifica via email ogni volta che viene lanciato un nuovo video.

Sono Pete LePage e, non appena verrà rilasciato Chrome 59, riuscirò a qui per dirti le novità di Chrome.