📃 August 2022 release notes
Newly available
The following features are newly available:
-
Array findLast() and findLastIndex():
The
findLast()andfindLastIndex()methods of arrays and typed arrays search an array in reverse order for the first item that satisfies a test function. -
Individual transform properties:
The
translate,rotate, andscaleCSS properties apply single transformations independently, as opposed to applying multiple transformations with thetransformCSS property.
Widely available
The following features are now widely available:
-
EXT_sRGB WebGL extension:
The
EXT_sRGBextension for WebGL 1.0 contexts adds sRGB support to textures and framebuffer objects. -
Media playback quality:
The
getVideoPlaybackQuality()method ofHTMLVideoElementreturns metrics that can be used to determine the playback quality of a video, such as how many frames were dropped.
New in Chrome
The following features are now available in Chrome:
-
Custom formats for clipboard items:
The
webprefix forClipboardItemdata types (also known as MIME types) allows reading and writing ununsanitized custom data from the device clipboard. -
Media query range syntax:
The range syntax of CSS media queries allows you to use mathematical comparison operators such as
<,>,<=, and>=to define a range of values for a media query. For example,(400px < width < 1000px)returns true if the viewport width is between 400px and 1000px. -
object-view-box:
The
object-view-boxCSS property crops and zooms to an inset area of an image. -
Region capture:
When using
navigator.mediaDevices.getDisplayMedia()to capture a browser tab as a video stream, the region capture API allows you to crop the video to the bounding box of a given element. In contrast to the element capture API, any content that overlays that element is also captured. -
Color management for WebGL:
The
drawingBufferColorSpaceandunpackColorSpaceproperties ofWebGLRenderingContextsets the color representation for the buffer and imported textures, such as"srgb"or"display-p3". -
Color management for WebGL2:
The
drawingBufferColorSpaceandunpackColorSpaceproperties ofWebGL2RenderingContextsets the color representation for the buffer and imported textures, such as"srgb"or"display-p3".
New in Chrome Android
The following features are now available in Chrome Android:
-
Custom formats for clipboard items:
The
webprefix forClipboardItemdata types (also known as MIME types) allows reading and writing ununsanitized custom data from the device clipboard. -
Media query range syntax:
The range syntax of CSS media queries allows you to use mathematical comparison operators such as
<,>,<=, and>=to define a range of values for a media query. For example,(400px < width < 1000px)returns true if the viewport width is between 400px and 1000px. -
object-view-box:
The
object-view-boxCSS property crops and zooms to an inset area of an image. -
Color management for WebGL:
The
drawingBufferColorSpaceandunpackColorSpaceproperties ofWebGLRenderingContextsets the color representation for the buffer and imported textures, such as"srgb"or"display-p3". -
Color management for WebGL2:
The
drawingBufferColorSpaceandunpackColorSpaceproperties ofWebGL2RenderingContextsets the color representation for the buffer and imported textures, such as"srgb"or"display-p3".
New in Edge
The following features are now available in Edge:
-
Custom formats for clipboard items:
The
webprefix forClipboardItemdata types (also known as MIME types) allows reading and writing ununsanitized custom data from the device clipboard. -
Media query range syntax:
The range syntax of CSS media queries allows you to use mathematical comparison operators such as
<,>,<=, and>=to define a range of values for a media query. For example,(400px < width < 1000px)returns true if the viewport width is between 400px and 1000px. -
object-view-box:
The
object-view-boxCSS property crops and zooms to an inset area of an image. -
Region capture:
When using
navigator.mediaDevices.getDisplayMedia()to capture a browser tab as a video stream, the region capture API allows you to crop the video to the bounding box of a given element. In contrast to the element capture API, any content that overlays that element is also captured. -
Color management for WebGL:
The
drawingBufferColorSpaceandunpackColorSpaceproperties ofWebGLRenderingContextsets the color representation for the buffer and imported textures, such as"srgb"or"display-p3". -
Color management for WebGL2:
The
drawingBufferColorSpaceandunpackColorSpaceproperties ofWebGL2RenderingContextsets the color representation for the buffer and imported textures, such as"srgb"or"display-p3".