![\"Utgivelsen](\"\/wp-content\/uploads\/2021\/09\/57118b24bf034d008bdc7437e0a952c1.png\")
<\/center>\n![\"Utgivelsen](\"\/wp-content\/uploads\/2021\/09\/a911bdb4398ed776a67765e2f8e23a4c.png\")
<\/center>\n![\"Utgivelsen](\"\/wp-content\/uploads\/2021\/09\/59e3250430d6bee471bbe0c2ba6ebfb8.png\")
<\/center>\n![\"Utgivelsen](\"\/wp-content\/uploads\/2021\/09\/2c4a26e76713da7c8dd40a0396c6b788.png\")
<\/center>\n- \n
- API WebGPU er lagt til, og erstatter API WebGL og gir verkt\u00f8y for \u00e5 utf\u00f8re operasjoner p\u00e5 GPU, slik som rendering og beregninger. Konseptuelt er WebGPU n\u00e6rt beslektet med API-ene Vulkan, Metal og Direct3D 12. WebGPU skiller seg fra WebGL omtrent p\u00e5 samme m\u00e5te som den grafiske API-en Vulkan skiller seg fra OpenGL, men det er ikke basert p\u00e5 et spesifikt grafisk API, men representerer et universelt lag som bruker de samme lavniv\u00e5 primitive som finnes i Vulkan, Metal og Direct3D 12.\n
WebGPU gir JavaScript-applikasjoner midler for lavniv\u00e5 kontroll over organisering, behandling og overf\u00f8ring av kommandoer til GPU, samt gj\u00f8r det mulig \u00e5 administrere relaterte ressurser, minne, buffere, teksturobjekter og kompilerte grafiske shaderes. Denne tiln\u00e6rmingen muliggj\u00f8r h\u00f8yere ytelse av grafiske applikasjoner ved \u00e5 redusere overhead og \u00f8ke effektiviteten i arbeidet med GPU. API-et gir ogs\u00e5 mulighet til \u00e5 lage komplekse 3D-prosjekter for web som fungerer like bra som isolerte programmer, men som ikke er bundet til spesifikke plattformer. <\/p>\n
- For individual PWA applications, the ability to register as URL handlers has been implemented. For example, the application music.example.com can register itself as a handler for the URL https:\/\/*.music.example.com, and all transitions from external applications via these links, such as from messengers and email clients, will lead to the opening of this PWA application instead of a new tab in the browser.\n
- St\u00f8tte for den nye HTTP-responskoden \u2014 103, som kan brukes for forh\u00e5ndsutskrift av overskrifter, er n\u00e5 implementert. Kode 103 gj\u00f8r det mulig \u00e5 informere klienten om innholdet i enkelte HTTP-overskrifter umiddelbart etter foresp\u00f8rselen, uten \u00e5 vente p\u00e5 at serveren skal fullf\u00f8re alle foresp\u00f8rselrelaterte operasjoner og starte sendingen av innholdet. P\u00e5 lignende m\u00e5te kan tips om ressurser relatert til siden som sendes, bli kommunisert, som for eksempel linker til css og javascript som brukes p\u00e5 siden. N\u00e5r nettleseren f\u00e5r informasjon om slike ressurser, vil den begynne \u00e5 laste dem ned uten \u00e5 vente p\u00e5 at hovedsiden skal fullf\u00f8res, noe som reduserer den totale behandlingstiden for foresp\u00f8rselen. <\/ul>\n
- API WebCodecs er lagt til for \u00e5 manipulere multimedia-str\u00f8mmer p\u00e5 lavt niv\u00e5, som supplerer de h\u00f8yniv\u00e5 API-ene HTMLMediaElement, Media Source Extensions, WebAudio, MediaRecorder og WebRTC. Det nye API-et kan bli ettertraktet innen omr\u00e5der som spillstr\u00f8mming, anvendelse av effekter p\u00e5 klientsiden, rekoding av str\u00f8mmer og st\u00f8tte for uvanlige multimedia-containere. I stedet for \u00e5 implementere separate kodeker i JavaScript eller WebAssembly, gir API WebCodecs tilgang til ferdige h\u00f8ykraftkomponenter innebygd i nettleseren. Spesielt tilbyr API WebCodecs dekodere og kodere for lyd og video, bilde-dekodere og funksjoner for lavniv\u00e5h\u00e5ndtering av individuelle videorammer.\n
- API Insertable Streams er stabilisert, og gir mulighet til \u00e5 manipulere r\u00e5 multimedia-str\u00f8mmer som sendes via API MediaStreamTrack, slik som data fra kamera og mikrofon, resultatet av skjermopptak eller mellomliggende data fra dekoding ved kodek. For representasjon av r\u00e5 bilder brukes WebCodec-grensesnitt, og deretter dannes det en str\u00f8m som ligner den som API WebRTC Insertable Streams genererer p\u00e5 bakgrunn av RTCPeerConnections. Praktisk sett lar det nye API-et implementere funksjonalitet som bruk av maskinl\u00e6ring for identifisering eller annotering av objekter i sanntid eller for \u00e5 legge til effekter, som bakgrunnskutting, f\u00f8r koding eller etter dekoding av kodek.\n
- Metoden scheduler.postTask() er stabilisert, som gj\u00f8r det mulig \u00e5 kontrollere planleggingen av utf\u00f8ringen av oppgaver (callback-anrop i JavaScript) med ulike prioriteringsniv\u00e5er. Tre prioriteringsniv\u00e5er tilbys: 1 - kj\u00f8res f\u00f8rst, selv om brukeroperasjoner kan bli blokkert; 2 - synlige brukerrettede endringer er tillatt; 3 - kj\u00f8ring i bakgrunnen). For \u00e5 endre prioritet og avbryte oppgaver kan objektet TaskController brukes.\n
- API Idle Detection er n\u00e5 stabilisert og distribueres utenfor Origin Trials for \u00e5 oppdage brukerens inaktivitet. API-et gj\u00f8r det mulig \u00e5 fastsl\u00e5 n\u00e5r brukeren ikke interagerer med tastaturet\/musen, n\u00e5r skjermbeskytteren er aktivert, skjermen er l\u00e5st eller n\u00e5r arbeidet utf\u00f8res p\u00e5 en annen skjerm. Applikasjonen informeres om inaktiviteten gjennom en varsling som sendes etter at en bestemt inaktivitetsgrense er n\u00e5dd.\n
- Prosessen for fargeh\u00e5ndtering i CanvasRenderingContext2D- og ImageData-objekter og bruken av fargerommet sRGB er formalisert. Det er mulig \u00e5 opprette CanvasRenderingContext2D- og ImageData-objekter i fargerom som er forskjellige fra sRGB, som Display P3, for \u00e5 utnytte de utvidede mulighetene til moderne skjermer.\n
- I API VirtualKeyboard er det lagt til metoder og egenskaper for \u00e5 styre visning og skjuling av det virtuelle tastaturet, samt for \u00e5 hente informasjon om st\u00f8rrelsen p\u00e5 det viste virtuelle tastaturet.\n
- I JavaScript er det mulig \u00e5 bruke statiske initialiseringsblokker i klasser for \u00e5 gruppere kode som kun kj\u00f8res \u00e9n gang n\u00e5r klassen behandles: class C { \/\/ Blokken vil bli kj\u00f8rt under behandlingen av klassen static { console.log('C\u2019s static block'); } }\n
- CSS-egenskapene flex-basis og flex implementerer n\u00e5 n\u00f8kkelordene content, min-content, max-content og fit-content for mer fleksibel kontroll over st\u00f8rrelsen p\u00e5 hovedomr\u00e5det i Flexbox.\n
- CSS-egenskapen scrollbar-gutter er lagt til for \u00e5 h\u00e5ndtere reservasjoner av skjermplass for rullefeltet. For eksempel, n\u00e5r det ikke kreves rulling av innhold, kan utdataene utvides og ta opp omr\u00e5det til rullefeltet.\n
- API Self Profiling er lagt til med implementering av et profilsystem som lar deg m\u00e5le kj\u00f8retid for JavaScript p\u00e5 klientsiden for \u00e5 debugge ytelsesproblemer i JavaScript-kode, uten \u00e5 m\u00e5tte gj\u00f8re manuelle manipulasjoner i utviklergrensesnittet.\n
- Etter fjerning av Flash-plugin ble det besluttet \u00e5 returnere tomme verdier i egenskapene navigator.plugins og navigator.mimeTypes, men det viste seg at enkelte applikasjoner brukte disse for \u00e5 sjekke om det fantes plugins for \u00e5 vise PDF-filer. Siden Chrome har en innebygd PDF-visningsfunksjon, vil n\u00e5 egenskapene navigator.plugins og navigator.mimeTypes returnere en fast liste over standard plugins og MIME-typer for visning av PDF: 'PDF Viewer, Chrome PDF Viewer, Chromium PDF Viewer, Microsoft Edge PDF Viewer og WebKit built-in PDF'.\n
- Det er gjort forbedringer i verkt\u00f8yene for webutviklere. Enheter som Nest Hub og Nest Hub Max er lagt til i listen over skjermsimuleringer. I grensesnittet for inspeksjon av nettverksaktivitet er det lagt til en knapp for \u00e5 invertere filtre (for eksempel, n\u00e5r du setter filteret 'status-code: 404', kan du raskt se alle andre foresp\u00f8rslene), samt muligheten til \u00e5 se de originale verdiene av Set-Cookie-hodene (som lar deg vurdere tilstedev\u00e6relsen av ugyldige verdier som fjernes under normalisering). Sidepanelet i utviklerkonsollen er erkl\u00e6rt foreldet og vil bli fjernet i en av de kommende utgivelsene. En eksperimentell funksjon for \u00e5 skjule problemer under fanen Issues er lagt til. I innstillingene er det lagt til mulighet for \u00e5 velge spr\u00e5k for grensesnittet.
![\"Utgivelsen](\"\/wp-content\/uploads\/2021\/09\/0199201d43db52675cad778e1add792b.png\")
<\/center> <\/ul>\n