Novità di Chrome 88

Pete LePage

Chrome 88 sta iniziando a essere implementato nella versione stabile.

Tieni presente quanto segue:

  • Ora puoi caricare estensioni che utilizzano manifest V3 sul Chrome Web Store.
  • La proprietà CSS aspect-ratio consente di impostare facilmente le proporzioni su qualsiasi elemento.
  • Chrome 88 limiterà notevolmente i timer JavaScript concatenati per le pagine nascoste in determinate condizioni.
  • Ora puoi utilizzare la fatturazione di Google Play nella tua Attività web attendibile.
  • Tutti i video del Chrome Dev Summit sono disponibili.
  • E non è tutto.

Sono Pete LePage, lavoro e filmo da casa. Diamo un'occhiata alle novità per gli sviluppatori in Chrome 88.

Manifest V3

Chrome 88 ora supporta le estensioni create con Manifest V3 e puoi caricarle sul Chrome Web Store. Manifest V3 è una nuova piattaforma per le estensioni che, per impostazione predefinita, rende le estensioni di Chrome più sicure, performanti e rispettose della privacy.

Ad esempio, non consente il codice ospitato in remoto, il che aiuta i revisori del Chrome Web Store a comprendere meglio i rischi che comporta un'estensione. Inoltre, dovrebbe consentirti di aggiornare le estensioni più rapidamente.

Introduce i worker di servizio come sostituti delle pagine in background. Poiché gli script di servizio risiedono in memoria solo quando necessario, le estensioni utilizzeranno meno risorse di sistema.

Inoltre, per offrire agli utenti maggiore visibilità e controllo su come le estensioni utilizzano e condividono i loro dati, in una release futura adotteremo un nuovo flusso di installazione che consente agli utenti di trattenere le autorizzazioni sensibili al momento dell'installazione.

Visita la pagina developer.chrome.com per informazioni complete e su come eseguire la migrazione della tua estensione attuale a Manifest V3.


Proprietà CSS aspect-ratio

In genere, solo alcuni elementi hanno un'aspect ratio, ad esempio le immagini. In questi casi, se viene specificata solo la larghezza o l'altezza, l'altra dimensione viene calcolata automaticamente utilizzando le proporzioni intrinseche.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

In Chrome 88, la proprietà aspect-ratio consente di specificare esplicitamente un'esattezza, attivando un comportamento simile.

.square {
  aspect-ratio: 1 / 1;
}

Puoi anche utilizzare il miglioramento progressivo per verificare se è supportato nel browser e applicare un piano di riserva, se necessario. Poi, con il nuovo selettore not CSS 4, puoi rendere il codice un po' più pulito.

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

Grazie a Jen Simmons per aver sottolineato che questa funzionalità è supportata nell'ultima versione tecnica di Safari, quindi dovremmo vederla presto in Safari. Dai un'occhiata alla demo di Una per vedere come funziona.

Limitazione eccessiva dei timer JS in catena

Chrome 88 ridurrà notevolmente i timer JavaScript incatenati per le pagine nascoste in determinate condizioni. In questo modo ridurrai l'utilizzo della CPU, che ridurrà anche l'utilizzo della batteria. Esistono alcuni casi limite in cui questo cambia il comportamento, ma i timer vengono spesso utilizzati quando un'API diversa sarebbe più efficiente e affidabile.

Il gergo è piuttosto complesso e un po' ambiguo, quindi dai un'occhiata all'articolo di Jake Ritardo elevato dei timer JS concatenati a partire da Chrome 88 per tutti i dettagli.

Fatturazione Play in Attività web attendibile

Ora puoi utilizzare la fatturazione di Play nella tua Attività web attendibile per vendere beni digitali e abbonamenti utilizzando la nuova API Digital Goods. È disponibile come sperimentazione di origine in Chrome 88 su Android e prevediamo di estendere la sperimentazione di origine a ChromeOS nella prossima release.

Una volta configurati gli account, aggiorna l'attività web attendibile per attivare la fatturazione di Google Play e crea i tuoi prodotti digitali in Play Console. Poi, nella tua PWA, aggiungi il token di prova dell'origine e potrai aggiungere il codice per controllare gli acquisti esistenti, eseguire query sugli acquisti disponibili ed effettuare nuovi acquisti.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana e Andre forniscono maggiori dettagli nel loro talk del Chrome Dev Summit - Novità per le app web su Play, o consulta la documentazione.

E altro ancora

E naturalmente c'è molto altro.

  • Per conformarsi a una modifica dello standard HTML, i tag di ancoraggio con target="_blank" ora implicheranno rel="noopener" per impostazione predefinita, in modo da contribuire a evitare attacchi di tab-napping.
  • La maggior parte dei sistemi operativi attiva l'accelerazione del mouse per impostazione predefinita, ma questo può rappresentare un problema per alcuni giochi. In Chrome 88, l'API Pointer Lock consente di disattivare l'accelerazione del mouse. Ciò significa che lo stesso movimento fisico, lento o veloce, genera la stessa rotazione, offrendo un'esperienza di gioco migliore e una maggiore precisione.
  • Inoltre, addEventListener ora accetta un segnale di interruzione come opzione. La chiamata a abort() rimuove il listener di eventi, semplificando la disattivazione dei listener di eventi quando non sono più necessari.

Per approfondire

Sono riportati solo alcuni dei punti salienti. Consulta i link di seguito per altre modifiche in Chrome 88.

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 89, sarò qui per dirti tutte le novità di Chrome.