![\"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 rendering e calcoli. Concettualmente, WebGPU \u00e8 simile all'API Vulkan, Metal e Direct3D 12. Concettualmente, WebGPU differisce da WebGL in modo simile a come l'API grafica Vulkan differisce da OpenGL, ma non si basa su un'API grafica specifica, bens\u00ec rappresenta uno strato universale che utilizza gli stessi primiti a basso livello presenti in Vulkan, Metal e Direct3D 12.\n
WebGPU fornisce alle applicazioni JavaScript strumenti per il controllo a basso livello dell'organizzazione, dell'elaborazione e della trasmissione di comandi alla GPU, consentendo anche di gestire risorse correlate, memoria, buffer, oggetti di texture e shader grafici compilati. Questo approccio consente di raggiungere prestazioni pi\u00f9 elevate nelle applicazioni grafiche riducendo i costi generali e migliorando l'efficienza nell'utilizzo della GPU. L'API offre anche la possibilit\u00e0 di creare complessi progetti 3D per il Web che funzionano altrettanto bene delle applicazioni standalone, ma non legati a piattaforme specifiche. <\/p>\n
- Per le PWA isolate, \u00e8 stata implementata la possibilit\u00e0 di registrazione 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 provenienti da app esterne, come messaggeri e client di posta, porteranno all'apertura di questa PWA, anzich\u00e9 a una nuova scheda nel browser.\n
- \u00c8 stato implementato il supporto per il nuovo codice di risposta HTTP — 103, che pu\u00f2 essere utilizzato per l'output anticipato delle intestazioni. Il codice 103 permette di informare il client riguardo alcuni contenuti di intestazioni HTTP subito dopo la richiesta, senza attendere che il server completi tutte le operazioni relative alla richiesta e inizi a restituire il contenuto. In questo modo \u00e8 possibile comunicare suggerimenti su elementi correlati alla pagina restituita, che possono essere pre-caricati (ad esempio, possono essere forniti link ai file CSS e JavaScript utilizzati nella pagina). Ricevendo informazioni su tali risorse, il browser inizia a caricarle senza attendere il completamento della restituzione della pagina principale, riducendo cos\u00ec il tempo complessivo per l'elaborazione della richiesta. <\/ul>\n
- Aggiunto l'API WebCodecs per la manipolazione a basso livello dei flussi multimediali, che integra le API di alto livello HTMLMediaElement, Media Source Extensions, WebAudio, MediaRecorder e WebRTC. Questo nuovo API potrebbe rivelarsi prezioso in settori come il gaming in streaming, l'applicazione di effetti lato 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 fornisce accesso a componenti ad alte prestazioni gi\u00e0 integrati nel browser. In particolare, l'API WebCodecs offre decoder e codificatori audio e video, decoder di immagini e funzioni per operare su singoli fotogrammi video a basso livello.\n
- Stabilito l'API Insertable Streams, che offre la possibilit\u00e0 di manipolare flussi multimediali non elaborati (raw) trasmessi attraverso l'API MediaStreamTrack, come i dati dalla fotocamera e dal microfono, il risultato di una cattura dello schermo o i dati intermedi dalla decodifica del codec. Per rappresentare i frame non elaborati vengono utilizzate le interfacce WebCodec, dopodich\u00e9 si forma un flusso simile a quello generato dall'API WebRTC Insertable Streams sulla base di RTCPeerConnections. Dal punto di vista pratico, la nuova API consente di implementare funzionalit\u00e0 come l'applicazione di metodi di machine learning per l'identificazione o l'annotazione di oggetti in tempo reale, o per l'aggiunta di effetti come il ritaglio dello sfondo, prima della codifica o dopo la decodifica del codec.\n
- \u00c8 stato stabilizzato il metodo scheduler.postTask(), che consente di gestire la pianificazione dell'esecuzione delle attivit\u00e0 (callback JavaScript) con diversi livelli di priorit\u00e0. Sono forniti tre livelli di priorit\u00e0: 1 - esecuzione in primo luogo, anche se le operazioni dell'utente potrebbero essere bloccate; 2 - sono consentite modifiche 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
- Stabilito e ora distribuito al di fuori delle Origin Trials l'API Idle Detection per determinare l'inattivit\u00e0 dell'utente. L'API consente di rilevare quando l'utente non interagisce con la tastiera\/mouse, quando \u00e8 attivo il salvaschermo, lo schermo \u00e8 bloccato o si sta lavorando su un altro monitor. La comunicazione all'applicazione riguardo l'inattivit\u00e0 avviene tramite l'invio di una notifica dopo aver raggiunto una soglia di inattivit\u00e0 prestabilita.\n
- Formalizzato il processo di gestione del colore negli oggetti CanvasRenderingContext2D e ImageData e di utilizzo 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 capacit\u00e0 avanzate dei monitor moderni.\n
- Nell'API VirtualKeyboard sono stati aggiunti metodi e propriet\u00e0 per gestire la visualizzazione e la nascita della tastiera virtuale, cos\u00ec come per ottenere informazioni sulle dimensioni della tastiera virtuale mostrata.\n
- In JavaScript, classes allow the use of static initialization blocks to group code that runs once during class processing: class C { \/\/ The block will run when the class itself is processed static { console.log('C's static block'); } }\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 il riservamento dello spazio dello schermo per la barra di scorrimento. Ad esempio, quando non \u00e8 necessario scorrere il contenuto, \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 lato utente per il debug dei problemi di prestazioni nel codice JavaScript, senza dover ricorrere a operazioni manuali nell'interfaccia per gli sviluppatori web.\n
- After the removal of the Flash plugin, it was decided to return empty values in the navigator.plugins and navigator.mimeTypes properties, but some applications used them to check for plugins to display PDF files. Since Chrome has a built-in PDF viewer, the navigator.plugins and navigator.mimeTypes properties will now return a fixed list of standard plugins and MIME types for viewing PDFs \u2014 'PDF Viewer, Chrome PDF Viewer, Chromium PDF Viewer, Microsoft Edge PDF Viewer and WebKit built-in PDF.'\n
- Improvements have been made to the web developer tools. Nest Hub and Nest Hub Max devices have been added to the device emulation list. The network activity inspection interface has added a button to invert filters (for example, when setting the filter 'status-code: 404', you can quickly view all other requests), and there is now the ability to view the original header values of Set-Cookie (allowing for evaluation of incorrect values removed during normalization). The sidebar in the web console has been deprecated and will be removed in one of the upcoming releases. An experimental feature for hiding issues on the Issues tab has been added. Settings now include the option to select the interface language.
![\"Rilascio](\"\/wp-content\/uploads\/2021\/09\/0199201d43db52675cad778e1add792b.png\")
<\/center> <\/ul>\n