Novità di Chrome 70

Pete LePage

In Chrome 70 abbiamo aggiunto il supporto per:

E c'è molto altro.

Mi chiamo 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 codice sorgente 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 lavoratori dei servizi assicurano che siano veloci e affidabili, grazie all'esperienza di finestra dell'app come qualsiasi altra app installata.

Iniziare non è diverso da quello che stai già facendo oggi. 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.

Vedi il mio post sulle PWA desktop per i dettagli completi.

API Credential Management: credenziali con chiave pubblica

L'API Credential Management semplifica al massimo l'accesso per gli utenti. Il tuo sito può interagire con il gestore delle credenziali o i servizi per gli account federati del browser, come Google e Facebook, per la firma.

Chrome 70 aggiunge il supporto per un terzo tipo di credenziale: Credenziale a chiave pubblica, che consente alle applicazioni web di creare e utilizzare credenziali solide, attestate tramite crittografia e basate sulle applicazioni per eseguire una forte autenticazione degli utenti.

Mi entusiasma molto perché consente ai siti di usare 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 allo sfondo. Questo è fondamentale per mantenere interattivo il tuo sito, perché significa che il thread principale non si bloccherà quando verrà eseguito un calcolo JavaScript costoso o complesso.

Senza WebWorker

Thread principale
Viene eseguito molto codice JavaScript pesante, con conseguente esperienza lenta e discontinua.

Con WebWorker

Thread principale
Non richiede JavaScript in esecuzione, il che si traduce in un'esperienza fluida e veloce.
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 lavoratori dedicati in base a name se 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 di Chrome 70 per gli sviluppatori, ovviamente, 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.