Novità di Chrome 75

In Chrome 75 abbiamo aggiunto il supporto di:

Mi chiamo Pete LePage, analizziamo le novità di Chrome 75 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 75.

Suggerimento per i contesti canvas a bassa latenza

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

Il suggerimento desynchronized, durante la creazione di un contesto canvas, utilizza un percorso di codice diverso, che ignora il normale meccanismo di aggiornamento del DOM. Il suggerimento indica al sistema di saltare il maggior numero possibile di operazioni di compositing. In alcuni casi, il buffer sottostante di canvas viene inviato direttamente al controller di visualizzazione dello schermo. In questo modo viene eliminata la latenza causata dall'utilizzo della coda di composizione del renderer.

L'utilizzo del suggerimento desincronizzato è semplice; è sufficiente aggiungere desynchronized: true all'oggetto opzioni quando crei il canvas.

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

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

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. Sono particolarmente entusiasta perché consente alle app di condividere più facilmente foto, video e altro. Squoosh aggiungerà il supporto per condividere un file una volta terminata la compressione. L'API Web Share attualmente supporta la condivisione di file audio, immagini, video e documenti di testo.

È preferibile utilizzare il rilevamento delle funzionalità per vedere se l'API Web Share è supportata, in caso contrario ricorrere al meccanismo tradizionale. E puoi utilizzare navigator.canShare per verificare se la condivisione 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 del sistema e ti fornirà un elenco delle 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 i dettagli completi.

Separatori numerici

Ora i valori letterali numerici consentono i trattini bassi (_, U+005F) come separatori per renderli più leggibili. Ad esempio, 1_000_000_000 verrà interpretato dalle operazioni matematiche come equivalente a 1000000000.

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

La conferenza Google I/O 2019 è terminata

Se non sei arrivato all'I/O o se l'hai fatto e non hai visto tutti gli interventi, sono tutti sul canale YouTube degli sviluppatori di Chrome, nella playlist Web at Google I/O 2019.

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

Crediti fotografici