Web platform features explorer

📃 August 2017 release notes

New in Chrome Android

The following features are now available in Chrome Android:

  • Credential management: The navigator.credentials API provides generic storage for authentication credentials. Other credential APIs represent specific kinds of credentials, such as password or public key credentials, that the credential management API stores.
  • Destructuring: The destructuring assignment syntax is a JavaScript expression that unpacks values from arrays, or properties from objects, into distinct variables.
  • :focus-within: The :focus-within CSS pseudo-class matches an element if the element or any of its children are focused.
  • font-display: The font-display CSS descriptor sets whether to show a substitute font or nothing while a font face loads. The property manages what's known as a flash of unstyled text or flash of invisible text.
  • font-stretch: The font-stretch CSS property selects a font face from a font family based on width, either by a keyword such as condensed or a percentage.
  • Paint timing: The paint performance entry and the PerformancePaintTiming API measures the duration of "paint" (also called "render") operations as a page loads. The API measures the time to First Paint (FP) and First Contentful Paint (FCP), common metrics for perceived loading times.
  • Password credentials: The PasswordCredential API represents a username and password.
  • Spread syntax: The spread (...) syntax allows an iterable, such as an array or string, to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected.
  • WEBGL_compressed_texture_s3tc_srgb WebGL extension: The WEBGL_compressed_texture_s3tc_srgb extension for WebGL 1.0 and 2.0 contexts adds S3TC compressed texture formats for the sRGB colorspace to compressedTexImage2D() and compressedTexSubImage2D().
  • SharedArrayBuffer in WebGL: SharedArrayBuffer objects can be used in WebGL APIs that previously only worked with ArrayBuffer objects.

New in Firefox

The following features are now available in Firefox:

  • Async generators: Async generator functions (async function*) create iterators that return multiple promises, one after another, on-demand.
  • CSS.supports(): The CSS.supports() static method returns whether the browser supports a CSS declaration (given by two arguments, a property and value) or an @supports at-rule condition string.
  • Destructuring: The destructuring assignment syntax is a JavaScript expression that unpacks values from arrays, or properties from objects, into distinct variables.
  • Gamepad touch buttons: The touched property of a GamepadButton object indicates whether a button capable of detecting touch is currently touched.
  • Gamepad VR hands and poses: The hand and pose properties of a Gamepad object represent the position in space and the hand that WebVR controllers are held in.
  • Intersection observer: The Intersection Observer API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.
  • requestIdleCallback(): The requestIdleCallback() API queues a function that runs in idle browser time, either at the end of a frame or when the user is inactive. Also known as the background tasks API.
  • Sourcemap header: The Sourcemap HTTP response header links generated code to a source map, so the browser shows the original source in a debugger. This makes it easier to work with minified or transpiled code.
  • Spread syntax: The spread (...) syntax allows an iterable, such as an array or string, to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected.
  • text-justify: The text-justify CSS property sets the justification method of text when text-align: justify is set.
  • WEBGL_compressed_texture_s3tc_srgb WebGL extension: The WEBGL_compressed_texture_s3tc_srgb extension for WebGL 1.0 and 2.0 contexts adds S3TC compressed texture formats for the sRGB colorspace to compressedTexImage2D() and compressedTexSubImage2D().

New in Firefox for Android

The following features are now available in Firefox for Android:

  • Async generators: Async generator functions (async function*) create iterators that return multiple promises, one after another, on-demand.
  • CSS.supports(): The CSS.supports() static method returns whether the browser supports a CSS declaration (given by two arguments, a property and value) or an @supports at-rule condition string.
  • Destructuring: The destructuring assignment syntax is a JavaScript expression that unpacks values from arrays, or properties from objects, into distinct variables.
  • Gamepad touch buttons: The touched property of a GamepadButton object indicates whether a button capable of detecting touch is currently touched.
  • Gamepad VR hands and poses: The hand and pose properties of a Gamepad object represent the position in space and the hand that WebVR controllers are held in.
  • Intersection observer: The Intersection Observer API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.
  • requestIdleCallback(): The requestIdleCallback() API queues a function that runs in idle browser time, either at the end of a frame or when the user is inactive. Also known as the background tasks API.
  • Sourcemap header: The Sourcemap HTTP response header links generated code to a source map, so the browser shows the original source in a debugger. This makes it easier to work with minified or transpiled code.
  • Spread syntax: The spread (...) syntax allows an iterable, such as an array or string, to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected.
  • text-justify: The text-justify CSS property sets the justification method of text when text-align: justify is set.