📃 June 2022 release notes
New in Chrome
The following features are now available in Chrome:
-
ARIA attribute reflection:
WAI-ARIA attributes have corresponding properties on
ElementandElementInternalsobjects. -
Fetch priority:
The
fetch()priorityoption and thefetchPriorityHTML attribute give hints to the browser about which requests to do before other requests of the same type. -
Local fonts:
The
window.queryLocalFonts()method returns an array of locally-installed fonts, each represented by aFontDataobject.
New in Chrome Android
The following features are now available in Chrome Android:
-
ARIA attribute reflection:
WAI-ARIA attributes have corresponding properties on
ElementandElementInternalsobjects. -
Fetch priority:
The
fetch()priorityoption and thefetchPriorityHTML attribute give hints to the browser about which requests to do before other requests of the same type.
New in Edge
The following features are now available in Edge:
-
ARIA attribute reflection:
WAI-ARIA attributes have corresponding properties on
ElementandElementInternalsobjects. -
Fetch priority:
The
fetch()priorityoption and thefetchPriorityHTML attribute give hints to the browser about which requests to do before other requests of the same type. -
Local fonts:
The
window.queryLocalFonts()method returns an array of locally-installed fonts, each represented by aFontDataobject.
New in Firefox
The following features are now available in Firefox:
-
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. - Streams: The streams API creates, composes, and consumes continuously generated data.
-
Update frequency media query:
The
updateCSS media query sets styles based on whether and how fast the user's device can modify display after it has been rendered. For example, you can avoid animations on devices that aren't fast enough to display them smoothly. - WebDriver BiDi: WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.
New in Firefox for Android
The following features are now available in Firefox for Android:
-
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. - Streams: The streams API creates, composes, and consumes continuously generated data.
-
Update frequency media query:
The
updateCSS media query sets styles based on whether and how fast the user's device can modify display after it has been rendered. For example, you can avoid animations on devices that aren't fast enough to display them smoothly. - WebDriver BiDi: WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.