In Chrome 75 abbiamo aggiunto il supporto per:
- Esiste un nuovo modo per ridurre la latenza sugli elementi
canvas
. - Ora le app web possono condividere file con altre app installate utilizzando il foglio di condivisione a livello di sistema.
- Ora i valori numerici consentiti sono i trucchi bassi come separatori per migliorarne la leggibilità.
- Google I/O 2019 è terminato e tutti i talk sono disponibili sul nostro canale YouTube.
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.
- Novità di Chrome DevTools (75)
- Ritiro e rimozione di funzionalità in Chrome 75
- Aggiornamenti di ChromeStatus.com per Chrome 75
- Novità di JavaScript in Chrome 75
- Elenco delle modifiche al repository di codice sorgente di Chromium
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. Il suggerimento indica al sistema
di saltare il più possibile la 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. Sono particolarmente entusiasta di questa novità, perché semplifica la condivisione di foto, video e altri contenuti da parte delle app. Squoosh sta aggiungendo il supporto per condividere un file una volta che hai finito di comprimerlo. 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 visualizzati 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 eri presente alla conferenza I/O o forse l'hai fatto e non hai visto tutti i discorsi, sono visibili tutte sul canale YouTube degli sviluppatori di Chrome, nella playlist Web at Google I/O 2019.
- Insieme a Tom abbiamo presentato "Sbloccare nuove funzionalità per il web", un'analisi di alcune delle nuove funzionalità straordinarie che verranno implementate nei browser quest'anno.
- Addy e Katie hanno fornito alcuni suggerimenti utili sulle prestazioni in "Velocità su larga scala".
- Elizabeth e Paul hanno parlato di alcuni fantastici strumenti di sviluppo in "Demystifying Speed Tooling".
- In "Creare app web rapide e fluide da feature phone a computer", Mariko ci ha mostrato come lei e il suo team hanno creato Proxx per farlo funzionare su qualsiasi dispositivo, da feature phone a smartphone a computer. Se non hai ancora provato Proxx, si tratta di un clone di Ricerca mines molto divertente.
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
- Foto di schizzi di Balázs Kétyi da Unsplash