Novità di Chrome 70

Pete LePage

In Chrome 70 abbiamo aggiunto il supporto per:

E c'è molto altro.

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

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

App web progressive desktop su Windows e Linux

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

Una volta installate, vengono avviate dal menu Start e vengono eseguite come tutte le altre app installate, senza barra degli indirizzi o schede. I service worker garantiscono che siano veloci e affidabili, mentre l'esperienza nella finestra dell'app li fa sentire come qualsiasi altra app installata.

Per iniziare non devi fare nulla di diverso da quello che stai già facendo. Tutto il lavoro che hai svolto per la tua app web progressiva esistente è ancora valido. Se la tua app soddisfa i criteri standard delle PWA, Chrome attiverà l'evento beforeinstallprompt. Salva l'evento, quindi aggiungi un'interfaccia utente (ad esempio un pulsante per installare l'app) per comunicare all'utente che la tua app può essere installata. Poi, quando l'utente fa clic sul pulsante, chiama prompt() sull'evento salvato. Chrome mostrerà quindi la richiesta all'utente. Se fa clic su Aggiungi, Chrome aggiungerà la tua PWA al menu Start e al desktop.

Per maggiori dettagli, consulta il mio post sui PWA per computer.

API Credential Management: credenziali con chiave pubblica

L'API Credential Management semplifica al massimo l'accesso 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.

Chrome 70 aggiunge il supporto di un terzo tipo di credenziale: Public Key Credential, che consente alle applicazioni web di creare e utilizzare credenziali sicure, cryptographically attested e basate sulle applicazioni per autenticare in modo affidabile gli utenti.

Mi entusiasma molto perché consente ai siti di utilizzare la mia impronta per l'autenticazione a due fattori. Tuttavia, aggiunge anche il supporto di altri tipi di token di sicurezza e una maggiore sicurezza sul web.

Consulta la documentazione dell'API Credential Management per maggiori dettagli o provala con 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 bloccherà durante l'esecuzione di un calcolo JavaScript costoso o complesso.

Senza WebWorker

Thread principale
Sono in esecuzione molti script JavaScript pesanti, il che comporta un'esperienza lenta e discontinua.

Con WebWorkers

Thread principale
Nessun codice JavaScript pesante in esecuzione, per un'esperienza rapida e fluida.
WebWorker
Esegue molto codice JavaScript pesante, ma non influisce sul thread principale.

In Chrome 70, i worker ora hanno un attributo name, che viene specificato da un argomento facoltativo del 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 per 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.

La possibilità di assegnare un nome ai lavoratori è già disponibile in Firefox, Edge e Safari. Per maggiori dettagli, consulta la discussione su GitHub.

E tanto altro.

Queste sono solo alcune delle modifiche in Chrome 70 per gli sviluppatori, ma ce ne sono molte altre.

Iscriviti

Se vuoi rimanere al passo con i nostri video, iscriviti al nostro canale YouTube per sviluppatori di Chrome e riceverai una notifica via email ogni volta che lanceremo un nuovo video.

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