In Chrome 75 abbiamo aggiunto il supporto di:
- Esiste un nuovo modo per ridurre la latenza negli elementi
canvas
. - Le app web ora possono condividere file con altre app installate utilizzando il foglio di condivisione a livello di sistema.
- Ora i valori letterali numerici consentono i trattini bassi come separatori per renderli più leggibili.
- La conferenza Google I/O 2019 è terminata e tutte le conversazioni sono in programma sul nostro canale YouTube.
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.
- Novità di Chrome DevTools (75)
- Ritiri e rimozioni di Chrome 75
- Aggiornamenti di ChromeStatus.com per Chrome 75
- Novità di JavaScript in Chrome 75
- Elenco delle modifiche al repository di origine di Chromium
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.
- Io e Tom abbiamo presentato "Sbloccare nuove funzionalità per il web" che illustra alcune delle nuove fantastiche funzionalità che sono disponibili nei browser quest'anno.
- Nell'articolo "Velocità su larga scala", Addy e Katie hanno fornito alcuni suggerimenti utili sulle prestazioni.
- Elizabeth e Paul si sono tuffati in alcuni fantastici strumenti di sviluppo in "Demistificare gli strumenti per la velocità".
- In "Creare app web veloci e fluide da Feature Phone a Desktop", Mariko ci ha mostrato come lei e il suo team hanno creato Proxx affinché funzioni su qualsiasi dispositivo, dallo smartphone allo smartphone fino al computer. Se non hai ancora provato Proxx, è un super divertente clone di spazzatrice.
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
- Foto di Balázs Kétyi di Unsplash disegnato