Novità di Chrome 72

In Chrome 72 abbiamo aggiunto il supporto di:

E c'è molto altro ancora.

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

Log delle modifiche

Questo articolo illustra solo alcuni dei punti salienti. Controlla i link di seguito per scoprire ulteriori modifiche in Chrome 72.

Campi pubblici del corso

Il mio primo linguaggio è stato Java e imparare JavaScript mi ha spronato. Come ho creato un corso? O ereditarietà? E le proprietà e i metodi pubblici e privati? Molti dei recenti aggiornamenti a JavaScript che rendono molto più semplice la programmazione orientata agli oggetti.

Ora posso creare classi che funzionano come previsto, complete di costruttori, getter e setter, metodi statici e proprietà pubbliche.

Grazie alla V8 7.2, fornita con Chrome 72, ora puoi dichiarare campi di classe pubblica direttamente nella definizione della classe, eliminando la necessità di farlo nel costruttore.

class Counter {
  _value = 0;
  get value() {
    return this._value;
  }
  increment() {
    this._value++;
  }
}

const counter = new Counter();
console.log(counter.value);
// → 0
counter.increment();
console.log(counter.value);
// → 1

Il supporto per i campi privati del corso è in fase di sviluppo.

Maggiori dettagli sono disponibili nell'articolo di Mathias sui campi dei corsi.

API User Activation

Ricordi quando i siti potevano riprodurre l'audio automaticamente al caricamento della pagina? Basta premere il tasto di disattivazione audio oppure capire di quale scheda si trattava e poi chiuderlo. Ecco perché alcune API richiedono l'attivazione tramite un gesto dell'utente prima di funzionare. Sfortunatamente, i browser gestiscono l'attivazione in modi diversi.

API di attivazione dell'utente prima e dopo che l'utente ha interagito con la pagina.

In Chrome 72 viene introdotta la versione 2 dell'attivazione utente, che semplifica l'attivazione utente per tutte le API ad accesso riservato. Si basa su una nuova specifica che mira a standardizzare il funzionamento dell'attivazione in tutti i browser.

Esiste una nuova proprietà userActivation sia su navigator che su MessageEvent, che ha due proprietà: hasBeenActive e isActive:

  • hasBeenActive indica se la finestra associata ha mai assistito all'attivazione di un utente durante il suo ciclo di vita.
  • isActive indica se la finestra associata attualmente presenta un'attivazione utente nel suo ciclo di vita.

Per maggiori dettagli, vedi Rendere l'attivazione utente coerente tra le API

Localizzazione di elenchi di elementi con Intl.format

Adoro le API Intl, utilissime per localizzare i contenuti in altre lingue. In Chrome 72, è disponibile un nuovo metodo .format() che semplifica il rendering degli elenchi. Come altre API Intl, sposta il carico sul motore JavaScript, senza sacrificare le prestazioni.

Inizializzalo con le impostazioni internazionali che preferisci, quindi chiama format e utilizzerà le parole e la sintassi corrette. Può fare congiunzioni, aggiungendo l'equivalente localizzato di and (e osservare le splendide virgole di Oxford). Può effettuare disgiunzioni, aggiungendo l'equivalente locale di or. Inoltre, fornendo alcune opzioni aggiuntive, puoi fare ancora di più.

const opts = {type: 'disjunction'};
const lf = new Intl.ListFormat('fr', opts);
lf.format(['chien', 'chat', 'oiseau']);
// → 'chien, chat ou oiseau'
lf.format(['chien', 'chat', 'oiseau', 'lapin']);
// → 'chien, chat, oiseau ou lapin'

Leggi il post sull'API Intl.ListFormat per ulteriori dettagli.

E tanto altro.

Queste sono solo alcune delle modifiche di Chrome 72 per gli sviluppatori. Ovviamente, ce ne sono molte altre.

  • Chrome 72 modifica il comportamento di Cache.addAll() per garantire una migliore corrispondenza con le specifiche. In precedenza, in presenza di voci duplicate nella stessa chiamata, le richieste successive sovrascrivevano semplicemente la prima. Per rispettare la specifica, se sono presenti voci duplicate, il sistema rifiuterà con un InvalidStateError.
  • Ora le richieste di favicon vengono gestite dal service worker, a condizione che l'URL della richiesta si trovi sulla stessa origine del service worker.

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, non appena uscirà la versione 73 di Chrome, sarò qui per dirti le novità di Chrome.