![\"Release](\"\/wp-content\/uploads\/2021\/09\/57118b24bf034d008bdc7437e0a952c1.png\")
<\/center>\n![\"Release](\"\/wp-content\/uploads\/2021\/09\/a911bdb4398ed776a67765e2f8e23a4c.png\")
<\/center>\n![\"Release](\"\/wp-content\/uploads\/2021\/09\/59e3250430d6bee471bbe0c2ba6ebfb8.png\")
<\/center>\n![\"Release](\"\/wp-content\/uploads\/2021\/09\/2c4a26e76713da7c8dd40a0396c6b788.png\")
<\/center>\n- \n
- De WebGPU API is toegevoegd, ter vervanging van de WebGL API en biedt middelen voor het uitvoeren van bewerkingen op de GPU, zoals rendering en berekeningen. Conceptueel is WebGPU vergelijkbaar met de Vulkan, Metal en Direct3D 12 API's. WebGPU verschilt conceptueel van WebGL ongeveer zoals de Vulkan graphics API verschilt van OpenGL, maar is niet afhankelijk van een specifieke graphics API en vormt een universele laag die dezelfde low-level primitieve gebruikt die beschikbaar zijn in Vulkan, Metal en Direct3D 12.\n
WebGPU biedt JavaScript-toepassingen middelen voor low-level controle over de organisatie, verwerking en overdracht van opdrachten naar de GPU, evenals het beheer van gerelateerde bronnen, geheugen, buffers, texture-objecten en gecompileerde graphics shaders. Deze aanpak stelt ontwikkelaars in staat om grafische toepassingen met hogere prestaties te bereiken door overhead te verminderen en de effici\u00ebntie van de GPU te verbeteren. De API biedt ook de mogelijkheid om complexe 3D-projecten voor het web te cre\u00ebren die net zo goed presteren als zelfstandige programma's, maar niet aan specifieke platformen gebonden zijn. <\/p>\n
- Voor afzonderlijke PWA-applicaties is de mogelijkheid ge\u00efmplementeerd om zich te registreren als URL-handlers. Bijvoorbeeld, de applicatie music.example.com kan zichzelf registreren als handler voor de URL https:\/\/*.music.example.com, en alle overgangen vanuit externe applicaties via deze links, bijvoorbeeld vanuit messengers en e-mailclients, zullen leiden tot het openen van deze PWA-applicaties in plaats van een nieuw tabblad in de browser.\n
- Ondersteuning voor de nieuwe HTTP-statuscode \u2014 103 is ge\u00efmplementeerd, die kan worden gebruikt voor het proactief uitsturen van headers. Code 103 stelt de server in staat om de cli\u00ebnt te informeren over de inhoud van bepaalde HTTP-headers onmiddellijk na het verzoek, zonder te wachten tot de server alle bij het verzoek betrokken acties heeft uitgevoerd en begint met het leveren van content. Op deze manier kunnen hints worden gegeven over gerelateerde pagina-elementen die vooraf kunnen worden geladen (bijvoorbeeld links naar gebruikte css en javascript op de pagina). Zodra de browser informatie over dergelijke bronnen ontvangt, zal deze beginnen met hun laden, zonder te wachten op de voltooiing van de levering van de hoofdpagina, wat de totale verwerkingstijd van het verzoek kan verkorten. <\/ul>\n
- De WebCodecs API is toegevoegd voor het manipuleren van multimediale stromen op laag niveau, ter aanvulling van de hoog-niveau API's zoals HTMLMediaElement, Media Source Extensions, WebAudio, MediaRecorder en WebRTC. De nieuwe API kan van belang zijn in gebieden zoals game streaming, het toepassen van effecten aan de clientzijde, het herschalen van stromen en het ondersteunen van niet-standaard multimediale containers. In plaats van afzonderlijke codecs te implementeren in JavaScript of WebAssembly, biedt de WebCodecs API toegang tot kant-en-klare, hoogpresterende componenten die in de browser zijn ingebouwd. In het bijzonder biedt de WebCodecs API decoders en encoders voor audio en video, afbeeldingsdecoders en functies voor het werken met afzonderlijke videokaders op laag niveau.\n
- Ge Stabiliseerde API Insertable Streams, die de mogelijkheid biedt om onbewerkte multimedia streams te manipuleren die via de API MediaStreamTrack worden verzonden, zoals gegevens van camera en microfoon, het resultaat van schermopname of tussentijdse gegevens van de decoders. Voor het weergeven van onbewerkte frames worden de WebCodec interfaces gebruikt, waarna een stroom wordt gevormd die vergelijkbaar is met de stroom die de API WebRTC Insertable Streams genereert op basis van RTCPeerConnections. Vanuit praktisch oogpunt stelt de nieuwe API in staat om functionaliteit te implementeren zoals het toepassen van machinelearning-methoden voor het identificeren of annoteren van objecten in real-time of voor het toevoegen van effecten zoals achtergrondverwijdering, voor of na codering door de codec.\n
- De methode scheduler.postTask() is gestabiliseerd, waarmee het plannen van de uitvoering van taken (callback-aanroepen van JavaScript) met verschillende prioriteitsniveaus kan worden beheerd. Er zijn drie prioriteitsniveaus: 1 - prioriteit geven aan uitvoering, zelfs als gebruikersoperaties geblokkeerd kunnen worden; 2 - zichtbare gebruikerswijzigingen zijn toegestaan; 3 - uitvoering op de achtergrond). Voor het wijzigen van prioriteiten en het annuleren van taken kan het TaskController-object worden gebruikt.\n
- De API Idle Detection is gestabiliseerd en wordt nu verspreid buiten Origin Trials voor het detecteren van gebruikersinactiviteit. De API maakt het mogelijk om te bepalen wanneer een gebruiker niet met het toetsenbord\/muis interacteert, de screensaver is gestart, het scherm is vergrendeld of er werk wordt uitgevoerd op een ander scherm. De applicatie wordt ge\u00efnformeerd over inactiviteit door een melding te versturen wanneer een vooraf gedefinieerde inactiviteitsdrempel is bereikt.\n
- Het proces voor kleurbeheer in de objecten CanvasRenderingContext2D en ImageData en het gebruik van het kleurenspectrum sRGB is geformaliseerd. De mogelijkheid is gegeven om objecten CanvasRenderingContext2D en ImageData te cre\u00ebren in kleurenspectra die verschillen van sRGB, zoals Display P3, om de uitgebreide mogelijkheden van moderne beeldschermen te benutten.\n
- In de API VirtualKeyboard zijn methoden en eigenschappen toegevoegd om het tonen en verbergen van het virtuele toetsenbord te beheren, evenals om informatie te verkrijgen over de grootte van het weergegeven virtuele toetsenbord.\n
- In JavaScript, classes provide the ability to use 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
- In the CSS properties flex-basis and flex, the keywords content, min-content, max-content, and fit-content have been implemented for more flexible control over the size of the main Flexbox area.\n
- The CSS property scrollbar-gutter has been added to manage the screen space reserved for the scroll bar. For example, when scrolling is not needed, the output can be expanded to occupy the area of the scroll bar.\n
- The Self Profiling API has been added, implementing a profiling system that allows measuring the execution time of JavaScript on the client side to debug performance issues in JavaScript code without manual manipulations in the web developers' interface.\n
- After the removal of the Flash plugin, it was decided to return empty values in the navigator.plugins and navigator.mimeTypes properties. However, it turned out that 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 PDF \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 tools for web developers. Devices Nest Hub and Nest Hub Max have been added to the device simulation list. Inspecting network activity now includes a button to invert filters (for example, with the filter \"status-code: 404\" it's possible to quickly view all other requests), as well as the ability to view the original values of Set-Cookie headers (allowing for the assessment of incorrect values removed during normalization). The sidebar in the web console has been declared deprecated and will be removed in an upcoming release. An experimental feature to hide issues in the Issues tab has been added. Language selection has been added to the settings.
![\"Release](\"\/wp-content\/uploads\/2021\/09\/0199201d43db52675cad778e1add792b.png\")
<\/center> <\/ul>\n