Novità di Chrome 74

Pete LePage

In Chrome 74 abbiamo aggiunto il supporto per:

E c'è molto altro.

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

Log delle modifiche

Questo argomento illustra solo alcune delle caratteristiche principali. Controlla i link di seguito per scoprire ulteriori modifiche in Chrome 74.

Campi della classe privata

I campi di classe semplificano la sintassi della classe evitando la necessità di funzioni di fondatore solo per definire le proprietà di istanza. In Chrome 72 abbiamo aggiunto il supporto per i campi di classe pubblici.

class IncreasingCounter {
  // Public class field
  _publicValue = 0;
  get value() {
    return this._publicValue;
  }
  increment() {
    this._publicValue++;
  }
}

E ho detto che i campi dei corsi privati erano in fase di sviluppo. Sono felice di annunciare che i campi di classe privati sono stati implementati in Chrome 74. La nuova sintassi dei campi privati è simile a quella dei campi pubblici, tranne per il fatto che il campo viene contrassegnato come privato utilizzando un carattere # (cancelletto). Considera # come parte del nome del campo.

class IncreasingCounter {
  // Private class field
  #privateValue = 0;
  get value() {
    return this.#privateValue;
  }
  increment() {
    this.#privateValue++;
  }
}

Ricorda che i campi private sono privati. Sono accessibili all'interno della classe, ma non sono disponibili al di fuori del corpo della classe.

class SimpleClass {
  _iAmPublic = 'shared';
  #iAmPrivate = 'secret';
  doSomething() {
    ...
  }
}

Per ulteriori informazioni sui corsi pubblici e privati, consulta il post di Mathias sui campi dei corsi.

prefers-reduced-motion

Alcuni utenti hanno segnalato di avere avuto mal di mare durante la visualizzazione di scorrimento parallasse, zoom e altri effetti di movimento. Per risolvere il problema, molti sistemi operativi offrono un'opzione per ridurre il movimento, se possibile.

Chrome ora fornisce una query sui media, prefers-reduced-motion, che fa parte della specifica Media Queries 5, che consente di rilevare quando questa opzione è attivata.


@media (prefers-reduced-motion: reduce)

Immagina di avere un pulsante di registrazione che attira l'attenzione con un leggero movimento. La nuova query mi consente di disattivare il movimento solo per il pulsante.

button {
  animation: vibrate 0.3s linear infinite both;
}

@media (prefers-reduced-motion: reduce) {
  button {
    animation: none;
  }
}

Leggi l'articolo di Tom Move Ya! In alternativa, non farlo se l'utente preferisce la modalità Movimento ridotto. Per maggiori dettagli,

Eventi transition CSS

La specifica delle transizioni CSS richiede che gli eventi di transizione vengano inviati quando una transizione viene messa in coda, inizia, termina o viene annullata. Questi eventi sono supportati in altri browser da un po' di tempo...

Tuttavia, finora non erano supportate in Chrome. In Chrome 74 ora puoi ascoltare:

  • transitionrun
  • transitionstart
  • transitionend
  • transitioncancel

Se li ascolti, puoi monitorare o modificare il comportamento quando viene eseguita una transizione.

Aggiornamenti dell'API Feature Policy

Criteri delle funzionalità, che consentono di attivare, disattivare e modificare selettivamente il comportamento delle API e di altre funzionalità web. Questo viene fatto tramite l'attributo Feature-Policy o tramite l'attributo allow in un iframe.

Feature-Policy: geolocation 'self'

<iframe ... allow="geolocation self">
</iframe>

Chrome 74 introduce un nuovo insieme di API per verificare quali funzionalità sono attivate:

  • Puoi visualizzare un elenco delle funzionalità consentite con document.featurePolicy.allowedFeatures().
  • Puoi verificare se una funzionalità specifica è consentita con document.featurePolicy.allowsFeature(...).
  • Inoltre, puoi ottenere un elenco dei domini utilizzati nella pagina corrente che consentono una funzionalità specificata con document.featurePolicy.getAllowlistForFeature().

Per maggiori dettagli, consulta il post Introduzione alle norme relative alle funzionalità.

E tanto altro.

Queste sono solo alcune delle modifiche in Chrome 74 per gli sviluppatori, ma ce ne sono molte altre. Personalmente, sono molto entusiasta di KV Storage, un servizio di archiviazione chiave/valore super veloce e asincrono, disponibile come prova di origine.

Google I/O è alle porte.

E non dimenticare: Google I/O è alle porte (dal 7 al 9 maggio) e abbiamo in serbo per te molte novità. Se non puoi partecipare, tutte le sessioni verranno trasmesse in live streaming e saranno disponibili in un secondo momento sul nostro canale YouTube per sviluppatori di Chrome.

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 75, sarò qui per raccontarti le novità di Chrome.