Novità di Chrome 70

Pete LePage

In Chrome 70 abbiamo aggiunto il supporto di:

E c'è molto altro ancora.

Mi chiamo Pete LePage. Analizziamo le novità di Chrome 70 per gli sviluppatori.

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

App web progressive per computer su Windows e Linux

Ora gli utenti possono installare app web progressive per computer su Windows e Linux.

Una volta installate, vengono avviate dal menu Start e eseguite come tutte le altre app installate, senza schede o barra degli indirizzi. I service worker sono veloci e affidabili e l'esperienza relativa alla finestra dell'app li fa sembrare come qualsiasi altra app installata.

Iniziare non è diverso da quello che hai già fatto oggi. Tutto il lavoro fatto per la tua app web progressiva esistente continua a essere valido. Se la tua app soddisfa i criteri PWA standard, Chrome attiverà l'evento beforeinstallprompt. Salva l'evento e poi aggiungi alcune UI (ad esempio un pulsante di installazione dell'app) per indicare all'utente che la tua app può essere installata. Poi, quando l'utente fa clic sul pulsante, chiama il numero prompt() in corrispondenza dell'evento salvato e Chrome mostrerà la richiesta all'utente. Se gli utenti fanno clic su Aggiungi, Chrome aggiungerà la PWA al menu Start e al desktop.

Per informazioni dettagliate, consulta il mio post sulle PWA desktop.

API Credential Management: credenziali di chiave pubblica

L'API Credential Management rende l'accesso estremamente semplice per gli utenti. Consente al tuo sito di interagire con il gestore delle credenziali del browser o con i servizi di account federati come Google e Facebook per la firma.

In Chrome 70 viene aggiunto il supporto di un terzo tipo di credenziale: Credenziale di chiave pubblica, che consente alle applicazioni web di creare e utilizzare credenziali efficaci, con abilitazione crittografica e basate sulle applicazioni per autenticare in modo efficace gli utenti.

Sono molto entusiasta perché consente ai siti di usare la mia impronta per l'autenticazione a due fattori. Ma aggiunge anche il supporto per altri tipi di token di sicurezza e migliora la sicurezza sul web.

Consulta la documentazione relativa all'API Credential Management per ulteriori dettagli o prova la demo WebAuthn e scopri come iniziare.

Denominato workers

I Worker sono un modo semplice per spostare JavaScript dal thread principale in background. Questo è fondamentale per mantenere il sito interattivo, perché significa che il thread principale non si blocca quando esegue un calcolo JavaScript complesso o costoso.

Senza WebWorker

Thread principale
È in esecuzione un numero elevato di JavaScript, il che determina un'esperienza lenta e scadente.

Con WebWorkers

Thread principale
Nessun codice JavaScript in esecuzione, con conseguente velocità e fluidità dell'esperienza.
WebWorker
Un numero elevato di JavaScript in esecuzione, non influisce sul thread principale.

In Chrome 70, i worker ora hanno un attributo name, specificato da un argomento facoltativo nel costruttore.

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

In questo modo puoi distinguere i worker dedicati in base a name quando hai più worker con lo stesso URL. Puoi anche stampare il nome nella console DevTools, in modo da sapere molto più facilmente quale worker stai eseguendo il debug.

L'assegnazione dei nomi ai worker è già disponibile in Firefox, Edge e Safari. Consulta la discussione su GitHub per ulteriori dettagli.

E tanto altro.

Queste sono solo alcune delle modifiche di Chrome 70 per gli sviluppatori. Ma ce n'è molto altro.

Iscriviti

Se vuoi tenerti sempre al corrente sui nostri video, iscriviti al nostro canale YouTube degli sviluppatori di Chrome e riceverai una notifica via email ogni volta che viene lanciato un nuovo video.

Mi chiamo Pete LePage e sarò qui per dirti le novità di Chrome non appena uscirà la versione 71.