![\"Ver\u00f6ffentlichung](\"\/wp-content\/uploads\/2021\/09\/57118b24bf034d008bdc7437e0a952c1.png\")
<\/center>\n![\"Ver\u00f6ffentlichung](\"\/wp-content\/uploads\/2021\/09\/a911bdb4398ed776a67765e2f8e23a4c.png\")
<\/center>\n![\"Ver\u00f6ffentlichung](\"\/wp-content\/uploads\/2021\/09\/59e3250430d6bee471bbe0c2ba6ebfb8.png\")
<\/center>\n![\"Ver\u00f6ffentlichung](\"\/wp-content\/uploads\/2021\/09\/2c4a26e76713da7c8dd40a0396c6b788.png\")
<\/center>\n- \n
- Die WebGPU-API wurde hinzugef\u00fcgt, um die WebGL-API abzul\u00f6sen und bietet Mittel zur Ausf\u00fchrung von Operationen auf der GPU, wie z.B. Rendering und Berechnungen. Konzeptuell \u00e4hnelt WebGPU der Vulkan-, Metal- und Direct3D 12-API. WebGPU unterscheidet sich konzeptionell von WebGL in etwa so, wie die grafische API Vulkan sich von OpenGL unterscheidet, basiert jedoch nicht auf einer bestimmten grafischen API, sondern stellt eine universelle Schicht dar, die die gleichen Low-Level-Primitiven verwendet, die in Vulkan, Metal und Direct3D 12 vorhanden sind.\n
WebGPU bietet JavaScript-Anwendungen niedrige Kontrollm\u00f6glichkeiten f\u00fcr die Organisation, Verarbeitung und \u00dcbertragung von Befehlen an die GPU und erm\u00f6glicht das Management verwandter Ressourcen, Speicher, Puffer, Texturobjekte und kompilierten Grafik-Shadern. Dieser Ansatz erm\u00f6glicht eine h\u00f6here Leistung bei grafischen Anwendungen durch Verringerung der Overhead-Kosten und Steigerung der Effizienz bei der Arbeit mit der GPU. Die API erm\u00f6glicht es auch, komplexe 3D-Projekte f\u00fcr das Web zu erstellen, die nicht schlechter funktionieren als eigenst\u00e4ndige Programme, jedoch nicht an bestimmte Plattformen gebunden sind. <\/p>\n
- F\u00fcr isolierte PWA-Anwendungen wurde die M\u00f6glichkeit implementiert, sich als URL-Handler zu registrieren. Beispielsweise kann die Anwendung music.example.com sich als Handler f\u00fcr die URL https:\/\/*.music.example.com registrieren, sodass alle Links von externen Anwendungen, wie aus Messengern und E-Mail-Clients, zu diesem PWA-Programm f\u00fchren und nicht zu einem neuen Tab im Browser.\n
- Die Unterst\u00fctzung des neuen HTTP-Statuscodes \u2013 103 \u2013 wurde implementiert, der zur proaktiven Ausgabe von Headern verwendet werden kann. Der Code 103 erm\u00f6glicht es, den Client sofort nach der Anfrage \u00fcber den Inhalt einiger HTTP-Header zu informieren, ohne darauf zu warten, dass der Server alle mit der Anfrage verbundenen Operationen durchf\u00fchrt und den Inhalt ausliefert. Auf diese Weise k\u00f6nnen Hinweise zu den mit der zur\u00fcckgegebenen Seite verkn\u00fcpften Elementen gegeben werden, die vorab geladen werden k\u00f6nnen (zum Beispiel k\u00f6nnen Links zu den verwendeten CSS- und JavaScript-Dateien auf der Seite angegeben werden). Nachdem der Browser Informationen \u00fcber solche Ressourcen erhalten hat, beginnt er mit deren Laden, ohne auf die vollst\u00e4ndige Auslieferung der Hauptseite zu warten, was die gesamte Bearbeitungszeit der Anfrage verk\u00fcrzt. <\/ul>\n
- Die API WebCodecs wurde hinzugef\u00fcgt, um Multimedia-Streams auf niedriger Ebene zu manipulieren, und erg\u00e4nzt hochrangige APIs wie HTMLMediaElement, Media Source Extensions, WebAudio, MediaRecorder und WebRTC. Die neue API k\u00f6nnte in Bereichen wie Game-Streaming, Anwendung von Effekten auf der Client-Seite, Neuencodierung von Streams und Unterst\u00fctzung f\u00fcr nicht standardisierte Multimedia-Container gefragt sein. Anstatt separate Codecs in JavaScript oder WebAssembly zu implementieren, bietet die API WebCodecs Zugriff auf fertige, leistungsstarke Komponenten, die im Browser eingebaut sind. Insbesondere bietet die API WebCodecs Decoder und Encoder f\u00fcr Audio und Video, Bilddecoder sowie Funktionen zur Arbeit mit einzelnen Video-Frames auf niedriger Ebene.\n
- Stabilisierte API Insertable Streams, die die Manipulation von unkomprimierten (raw) Multimedia-Streams erm\u00f6glichen, die \u00fcber die API MediaStreamTrack \u00fcbertragen werden, wie Daten von Kamera und Mikrofon, Ergebnisse der Bildschirmaufnahme oder Zwischenergebnisse der Dekodierung durch den Codec. F\u00fcr die Darstellung der rohen Frames werden die WebCodec-Schnittstellen verwendet, woraufhin ein Stream generiert wird, der dem \u00e4hnelt, den die API WebRTC Insertable Streams auf Basis von RTCPeerConnections erzeugt. Praktisch erm\u00f6glicht die neue API die Implementierung von Funktionen wie der Anwendung von maschinellen Lernmethoden zur Identifizierung oder Annotation von Objekten in Echtzeit oder zur Hinzuf\u00fcgung von Effekten, wie z. B. dem Herausnehmen des Hintergrunds, vor der Kodierung oder nach der Dekodierung durch den Codec.\n
- Die Methode scheduler.postTask() wurde stabilisiert, die es erm\u00f6glicht, die Planung der Ausf\u00fchrung von Aufgaben (Callback-Aufrufen in JavaScript) mit verschiedenen Priorit\u00e4tsstufen zu steuern. Es stehen drei Priorit\u00e4tsstufen zur Verf\u00fcgung: 1 \u2013 Ausf\u00fchrung hat Vorrang, selbst wenn Benutzeroperationen blockiert werden k\u00f6nnen; 2 \u2013 sichtbare \u00c4nderungen f\u00fcr den Benutzer sind erlaubt; 3 \u2013 Ausf\u00fchrung im Hintergrund). Zur \u00c4nderung der Priorit\u00e4t und zum Abbrechen von Aufgaben kann das Objekt TaskController verwendet werden.\n
- Stabilisiert und jetzt au\u00dferhalb der Origin Trials verteiltes API Idle Detection zur Bestimmung der Inaktivit\u00e4t des Benutzers. Die API erm\u00f6glicht die Bestimmung der Zeit, in der der Benutzer nicht mit der Tastatur\/Maus interagiert, der Bildschirmschoner aktiv ist, der Bildschirm gesperrt ist oder die Arbeit auf einem anderen Monitor stattfindet. Die Benachrichtigung der Anwendung \u00fcber die Inaktivit\u00e4t erfolgt durch das Senden einer Benachrichtigung, nachdem ein festgelegter Inaktivit\u00e4tswert erreicht wurde.\n
- Formalisiert den Prozess der Farbverwaltung in Objekten CanvasRenderingContext2D und ImageData und deren Verwendung im Farbmanagementraum sRGB. Erm\u00f6glicht die Erstellung von Objekten CanvasRenderingContext2D und ImageData in Farbmanagementr\u00e4umen, die sich von sRGB unterscheiden, wie Display P3, um die erweiterten Funktionen moderner Monitore zu nutzen.\n
- In der API VirtualKeyboard wurden Methoden und Eigenschaften hinzugef\u00fcgt, um das Anzeigen und Verbergen der virtuellen Tastatur zu steuern sowie Informationen \u00fcber die Gr\u00f6\u00dfe der angezeigten virtuellen Tastatur abzurufen.\n
- In JavaScript, classes have the option to use static initialization blocks to group code that runs once when processing the class: class C { \/\/ This block will run when processing the class itself static { console.log('C\u2019s 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 area of Flexbox.\n
- Das CSS-Attribut scrollbar-gutter wurde hinzugef\u00fcgt, um den Platz auf dem Bildschirm f\u00fcr die Scrollleiste zu steuern. Wenn beispielsweise keine Scrollung des Inhalts erforderlich ist, kann die Ausgabe erweitert werden, um den Bereich der Scrollleiste zu nutzen.\n
- The Self Profiling API has been added with a profiling system that allows measuring the execution time of JavaScript on the client side for debugging performance issues in JavaScript code, without resorting to manual manipulation in the web developers' interface.\n
- After removing the Flash plugin, it was decided to return empty values in the properties navigator.plugins and navigator.mimeTypes, but 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 properties navigator.plugins and navigator.mimeTypes 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. Devices Nest Hub and Nest Hub Max have been added to the screen simulation list. An invert filters button has been added to the network activity inspection interface (for example, when a filter 'status-code: 404' is set, you can quickly view all other requests), and the ability to view the original values of the Set-Cookie headers has been provided (allowing assessment of incorrect values being removed during normalization). The sidebar in the web console has been deprecated and will be removed in a future release. An experimental option to hide issues in the Issues tab has been added. An interface language selection option has been added in settings.
![\"Ver\u00f6ffentlichung](\"\/wp-content\/uploads\/2021\/09\/0199201d43db52675cad778e1add792b.png\")
<\/center> <\/ul>\n