In Chrome 72 abbiamo aggiunto il supporto di:
- La creazione dei campi delle classi pubblici in JavaScript è ora molto più chiara.
- Puoi vedere se una pagina è stata attivata con la nuova API User Activation.
- Localizzare gli elenchi diventa molto più semplice con l'API
Intl.format()
.
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.
- Elenco delle modifiche al repository di origine di Chromium
- Aggiornamenti di ChromeStatus.com per Chrome 72
- Rimozioni e ritiri di 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.
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 unInvalidStateError
. - 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.