Web platform features explorer

📃 August 2016 release notes

Newly available

The following features are newly available:

  • Content Security Policy (CSP): Content Security Policy (CSP) helps to mitigate certain security threats, including cross-site scripting (XSS) and clickjacking attacks. It consists of a set of directives from a website to a browser, which instruct the browser to restrict the things that the site is allowed to do.
  • OES_texture_half_float WebGL extension: The OES_texture_half_float extension for WebGL 1.0 contexts adds texture formats with 16-bit (also known as half float) and 32-bit floating-point components.

New in Chrome

The following features are now available in Chrome:

  • COLRv0: COLRv0 is a font format that supports multi-color glyphs. COLRv0 supports only solid colors.
  • filter: The filter CSS property applies one or more graphic effects to an element. You can use filter functions, such as blur() and drop-shadow(), alone or combined to produce different effects.
  • Web app manifest: A web app manifest file provides metadata about the site. The browser can use the metadata to install the site as a standalone application on the user's device. The metadata usually includes the app's name, icon, description, and ways in which the app wishes to integrate with the device.
  • Media capture: The navigator.mediaDevices.getUserMedia() API requests access to devices that produce audio or video streams, such as microphones or video cameras.
  • Shadow DOM: Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.
  • <slot>: The <slot> HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.

New in Edge

The following features are now available in Edge:

  • Array includes(): The includes() method of arrays and typed arrays returns whether a given value appears in the array.
  • Array iterators: Arrays are iterable with the for … of statement and enumerable with the methods entries(), keys(), and values().
  • Beacons: The navigator.sendBeacon() method asynchronously sends an HTTP POST request with a limited amount of data, typically for app state, events, and analytics data. The one-way beacon is guaranteed to be initiated before the browser unloads the page, but the sender does not get to handle the response.
  • <data>: The <data> element links a given piece of content with a machine-readable translation.
  • Exponentiation operator: The exponentiation (**) operator returns the result of raising the first operand to the power of the second operand.
  • Fetch: The fetch() method makes asynchronous HTTP requests.
  • @font-face: The @font-face CSS at-rule creates a custom font-family value. The at-rule's descriptors set the font's name, source, and various display settings.
  • <input type="color">: The <input type="color"> HTML element shows a color picker from which users can choose a color value.
  • Let and const: The let and const declarations define block-scoped variables.
  • Notifications: The Notification() constructor shows a message to the user, typically using the notification system of the host operating system.
  • Notifications from service workers and installed apps: Notifications via service worker registration's showNotification() method, sent from installed web applications (for example, saved to the Home Screen on Safari for iOS), show a message to the user, typically using the notification system of the host operating system.
  • OES_texture_half_float_linear WebGL extension: The OES_texture_half_float_linear extension for WebGL 1.0 contexts adds linear filtering with half floating-point pixel types for textures.
  • Speech synthesis: The SpeechSynthesis API converts text to speech with artificial voices.
  • <time>: The <time> HTML element represents a time, such as a calendar date, clock time, or duration. It may include the datetime attribute to translate dates into machine-readable format.

New in Firefox

The following features are now available in Firefox:

  • hardwareConcurrency: The navigator.hardwareConcurrency read-only property returns the number of logical processors available to run threads on the user's computer.
  • String padStart() and padEnd(): The padStart() and padEnd() methods of strings return a string lengthened to a minimum number of characters by adding characters to the start or end of the string.
  • text-combine-upright: The text-combine-upright CSS property displays multiple characters in the space of a single character in vertical text. This is used in East Asian documents to display Latin-based strings such as components of a date or letters of an initialism.
  • Upgrade insecure requests: The Upgrade-Insecure-Requests HTTP request header tells the server that the response should redirect to a secure (HTTPS) resource.
  • Web animations: The animate() method of Element objects programmatically animates elements over time and can synchronize the animations of multiple elements.
  • with: The with JavaScript statement adds a given object to the chain of scopes used to evaluate names.

New in Firefox for Android

The following features are now available in Firefox for Android:

  • hardwareConcurrency: The navigator.hardwareConcurrency read-only property returns the number of logical processors available to run threads on the user's computer.
  • Push messages: The Push API subscribes to and receives server-initiated messages. Subscribers receive pushed messages in the background, even after periods inactive or offline.
  • String padStart() and padEnd(): The padStart() and padEnd() methods of strings return a string lengthened to a minimum number of characters by adding characters to the start or end of the string.
  • text-combine-upright: The text-combine-upright CSS property displays multiple characters in the space of a single character in vertical text. This is used in East Asian documents to display Latin-based strings such as components of a date or letters of an initialism.
  • Upgrade insecure requests: The Upgrade-Insecure-Requests HTTP request header tells the server that the response should redirect to a secure (HTTPS) resource.
  • Web animations: The animate() method of Element objects programmatically animates elements over time and can synchronize the animations of multiple elements.
  • with: The with JavaScript statement adds a given object to the chain of scopes used to evaluate names.