Novità di Chrome 75

In Chrome 75 abbiamo aggiunto il supporto per:

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

Log delle modifiche

Questa pagina illustra solo alcuni dei punti salienti. Per altre modifiche in Chrome 75, consulta i link di seguito.

Suggerimento per i contesti canvas a bassa latenza

Per disegnare sullo schermo con l'elemento canvas, la pagina deve sincronizzare gli aggiornamenti grafici con il DOM. A volte questa sincronizzazione può causare latenza. Ad esempio, in un'app di disegno, latenze superiori a 50 millisecondi possono interferire con la coordinazione mano-occhio, rendendo l'app difficile da usare.

L'opzione desynchronized, quando viene creato un contesto canvas, utilizza un percorso di codice diverso che aggira il normale meccanismo di aggiornamento del DOM. L'indicazione indica al sistema di saltare il maggior numero possibile di operazioni di composizione. In alcuni casi, il buffer di base di canvas viene inviato direttamente al controller del display dello schermo. In questo modo viene eliminata la latenza che verrebbe causata dall'utilizzo della coda del compositore del renderer.

L'utilizzo dell'indicazione di disaccoppiamento è semplice: basta aggiungere desynchronized: true all'oggetto options durante la creazione del canvas.

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

Per maggiori dettagli, tra cui come eseguire il rilevamento delle funzionalità, consulta l'articolo di Joe Rendering a bassa latenza con l'indicazione desynchronised.

Condividere file con l'API Web Share

L'API Web Share ti consente di collegarti al servizio di condivisione fornito dal sistema operativo, semplificando la condivisione di pagine web e app con altre app installate sul dispositivo dell'utente.

In Chrome 75, l'API Web Share ora supporta la condivisione di file. Mi entusiasma particolarmente perché semplifica molto la condivisione di foto, video e altro ancora da parte delle app. Squoosh sta aggiungendo il supporto per condividere un file al termine della compressione. Al momento l'API Web Share supporta la condivisione di file audio, immagini, video e documenti di testo.

È meglio utilizzare il rilevamento delle funzionalità per verificare se l'API Web Share è supportata e, in caso contrario, utilizzare il meccanismo tradizionale. Puoi anche utilizzare navigator.canShare per verificare se la condivisione dei file è supportata.


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

Se navigator.canShare restituisce true, la condivisione di questi file è supportata, quindi puoi chiamare navigator.share e passare un oggetto con l'array di file che vuoi condividere. Chrome aprirà il foglio di condivisione di sistema e ti mostrerà un elenco di app installate con cui puoi condividere i file.

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

Prova la demo e consulta l'articolo Condividere file con Condivisione web per informazioni complete.

Separatori numerici

Ora i valori numerici consentono l'uso di trattini bassi (_, U+005F) come separatori per facilitarne la lettura. Ad esempio, 1_000_000_000 verrà interpretato dalle operazioni matematiche come equivalente a 1000000000.

I trattini bassi possono essere inseriti solo tra cifre e non sono consentiti trattini bassi consecutivi. Pertanto, valori letterali come 3._14, _2.71 o 1.6__2 sono illegali.

Google I/O 2019 è terminato

Se non hai partecipato alla conferenza I/O o se ci sei stato, ma non hai visto tutti i talk, puoi trovarli sul canale YouTube di Chrome for Developers, nella playlist Web a Google I/O 2019.

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

Crediti fotografici