![\"Rilascio](\"\/wp-content\/uploads\/2021\/09\/57118b24bf034d008bdc7437e0a952c1.png\")
<\/center>\n![\"Rilascio](\"\/wp-content\/uploads\/2021\/09\/a911bdb4398ed776a67765e2f8e23a4c.png\")
<\/center>\n![\"Rilascio](\"\/wp-content\/uploads\/2021\/09\/59e3250430d6bee471bbe0c2ba6ebfb8.png\")
<\/center>\n![\"Rilascio](\"\/wp-content\/uploads\/2021\/09\/2c4a26e76713da7c8dd40a0396c6b788.png\")
<\/center>\n- \n
- \u00c8 stato aggiunto l'API WebGPU, che sostituisce l'API WebGL e fornisce strumenti per eseguire operazioni sulla GPU, come il rendering e i calcoli. Concepito concettualmente, WebGPU \u00e8 simile agli API Vulkan, Metal e Direct3D 12. Differisce da WebGL nello stesso modo in cui l'API grafica Vulkan si distingue da OpenGL, ma non si basa su un particolare API grafico, bens\u00ec rappresenta un livello universale che utilizza gli stessi primitivie a basso livello disponibili in Vulkan, Metal e Direct3D 12.\n
WebGPU fornisce alle applicazioni JavaScript strumenti per un controllo a basso livello sull'organizzazione, l'elaborazione e l'invio di comandi alla GPU, oltre a gestire risorse correlate, memoria, buffer, oggetti texture e shader grafici compilati. Questo approccio consente di ottenere prestazioni superiori nelle applicazioni grafiche riducendo i costi generali e aumentando l'efficienza nell'uso della GPU. L'API consente inoltre di creare progetti 3D complessi per il Web che funzionano altrettanto bene quanto programmi indipendenti, ma senza essere legati a piattaforme specifiche. <\/p>\n
- Per le applicazioni PWA isolate \u00e8 stata implementata la possibilit\u00e0 di registrarsi come gestori degli URL. Ad esempio, l'applicazione music.example.com pu\u00f2 registrarsi come gestore dell'URL https:\/\/*.music.example.com e tutti i collegamenti da applicazioni esterne, come messaggeri e client email, porteranno all'apertura di questa applicazione PWA invece di una nuova scheda nel browser.\n
- \u00c8 stato implementato il supporto per un nuovo codice di risposta HTTP \u2014 103, che pu\u00f2 essere utilizzato per la visualizzazione anticipata delle intestazioni. Il codice 103 consente di informare il client sui contenuti di alcune intestazioni HTTP subito dopo la richiesta, senza attendere che il server completi tutte le operazioni associate alla richiesta e inizi a restituire contenuti. Allo stesso modo, \u00e8 possibile fornire suggerimenti sugli elementi correlati alla pagina restituita, che possono essere precaricati (ad esempio, possono essere fornite informazioni sui CSS e JavaScript utilizzati nella pagina). Ricevendo informazioni su tali risorse, il browser inizier\u00e0 a caricarle senza aspettare la fine della restituzione della pagina principale, permettendo di ridurre il tempo complessivo di trattamento della richiesta. <\/ul>\n
- \u00c8 stato aggiunto l'API WebCodecs per gestire flussi multimediali a basso livello, complementare agli API di alto livello HTMLMediaElement, Media Source Extensions, WebAudio, MediaRecorder e WebRTC. Questo nuovo API potrebbe rivelarsi utile in settori come lo streaming di giochi, l'applicazione di effetti sul client, la ricodifica dei flussi e il supporto per contenitori multimediali non standard. Invece di implementare codec separati in JavaScript o WebAssembly, l'API WebCodecs offre accesso a componenti ad alte prestazioni gi\u00e0 integrati nel browser. In particolare, l'API WebCodecs fornisce decoder e encoder audio e video, decoder di immagini e funzioni per lavorare con singoli fotogrammi video a basso livello.\n
- API Insertable Streams stabilizzato, che consente di manipolare flussi multimediali grezzi trasmessi tramite l'API MediaStreamTrack, come i dati della fotocamera e del microfono, il risultato della cattura dello schermo o i dati intermedi del decodificatore. Per la rappresentazione dei fotogrammi grezzi vengono utilizzate le interfacce WebCodec, dopodich\u00e9 viene generato un flusso simile a quello che gli API WebRTC Insertable Streams generano sulla base delle RTCPeerConnections. Da un punto di vista pratico, il nuovo API consente l'implementazione di funzionalit\u00e0 come l'applicazione di metodi di apprendimento automatico per identificare o annotare oggetti in tempo reale o per aggiungere effetti, come la rimozione dello sfondo, prima della codifica o dopo la decodifica del codec.\n
- \u00c8 stato stabilizzato il metodo scheduler.postTask(), che permette di gestire la pianificazione dell'esecuzione di attivit\u00e0 (callback di chiamate JavaScript) con diversi livelli di priorit\u00e0. Sono disponibili tre livelli di priorit\u00e0: 1 - esecuzione prioritaria, anche se possono essere bloccate operazioni dell'utente; 2 - sono ammessi cambiamenti visibili per l'utente; 3 - esecuzione in background. Per modificare la priorit\u00e0 e annullare le attivit\u00e0, \u00e8 possibile utilizzare l'oggetto TaskController.\n
- Stabilizzato e ora distribuito al di fuori dell'API Origin Trials, l'API Idle Detection per rilevare l'inattivit\u00e0 dell'utente. L'API consente di determinare il momento in cui l'utente non interagisce con la tastiera\/mouse, \u00e8 attivato il salvaschermo, lo schermo \u00e8 bloccato o un altro lavoro \u00e8 in esecuzione su un altro monitor. L'informazione dell'applicazione riguardo all'inattivit\u00e0 avviene tramite l'invio di una notifica al raggiungimento della soglia di inattivit\u00e0 prestabilita.\n
- Il processo di gestione del colore negli oggetti CanvasRenderingContext2D e ImageData \u00e8 formalizzato, permettendo l'uso dello spazio colore sRGB. \u00c8 stata fornita la possibilit\u00e0 di creare oggetti CanvasRenderingContext2D e ImageData in spazi colore diversi da sRGB, come Display P3, per sfruttare le funzionalit\u00e0 avanzate dei moderni monitor.\n
- Nell'API VirtualKeyboard sono stati aggiunti metodi e propriet\u00e0 per gestire la visualizzazione e l'occultamento della tastiera virtuale, oltre a fornire informazioni sulle dimensioni della tastiera virtuale mostrata.\n
- In JavaScript, per le classi \u00e8 stata introdotta la possibilit\u00e0 di utilizzare blocchi statici di inizializzazione per raggruppare il codice che viene eseguito una sola volta durante l'elaborazione della classe: class C { \/\/ Il blocco verr\u00e0 eseguito durante l'elaborazione della classe stessa static { console.log('Blocco statico di C'); } }\n
- Nelle propriet\u00e0 CSS flex-basis e flex sono stati implementati le parole chiave content, min-content, max-content e fit-content per una gestione pi\u00f9 flessibile delle dimensioni dell'area principale del Flexbox.\n
- \u00c8 stata aggiunta la propriet\u00e0 CSS scrollbar-gutter per gestire la prenotazione dello spazio dello schermo per la barra di scorrimento. Ad esempio, quando il contenuto non richiede lo scorrimento, \u00e8 possibile espandere l'output e occupare l'area della barra di scorrimento.\n
- \u00c8 stata aggiunta l'API Self Profiling con l'implementazione di un sistema di profilazione che consente di misurare il tempo di esecuzione di JavaScript sul lato client per il debug dei problemi di prestazioni nel codice JavaScript, senza dover ricorrere a manipolazioni manuali nell'interfaccia per sviluppatori web.\n
- Dopo la rimozione del plug-in Flash, \u00e8 stato deciso di restituire valori vuoti nelle propriet\u00e0 navigator.plugins e navigator.mimeTypes, ma si \u00e8 scoperto che alcune applicazioni le utilizzavano per controllare la presenza di plug-in per visualizzare file PDF. Poich\u00e9 Chrome ha un visualizzatore PDF integrato, d'ora in poi le propriet\u00e0 navigator.plugins e navigator.mimeTypes restituiranno un elenco fisso di plug-in standard e tipi MIME per la visualizzazione di PDF \u2014 \u00abPDF Viewer, Chrome PDF Viewer, Chromium PDF Viewer, Microsoft Edge PDF Viewer e WebKit built-in PDF\u00bb.\n
- Miglioramenti sono stati apportati agli strumenti per sviluppatori web. Sono stati aggiunti al simulatore di schermi i dispositivi Nest Hub e Nest Hub Max. Nell'interfaccia di ispezione dell'attivit\u00e0 di rete \u00e8 stato aggiunto un pulsante per invertire i filtri (ad esempio, impostando il filtro \u00abstatus-code: 404\u00bb \u00e8 possibile visualizzare rapidamente tutte le altre richieste), ed \u00e8 stata fornita la possibilit\u00e0 di visualizzare i valori originali degli header Set-Cookie (consente di valutare la presenza di valori non corretti rimossi durante la normalizzazione). La barra laterale nella console web \u00e8 stata dichiarata obsoleta e sar\u00e0 rimossa in una delle prossime versioni. \u00c8 stata aggiunta una funzionalit\u00e0 sperimentale per nascondere problemi nella scheda Issues. Nelle impostazioni \u00e8 stata aggiunta la possibilit\u00e0 di selezionare la lingua dell'interfaccia.
![\"Rilascio](\"\/wp-content\/uploads\/2021\/09\/0199201d43db52675cad778e1add792b.png\")
<\/center> <\/ul>\n