Unless otherwise noted, changes described below apply to the newest Chrome Beta channel release for Android, Chrome OS, Linux, Mac, and Windows.

Network Quality Estimator API

The Network Infomation API has been available in previous versions of Chrome, but has only provided theoretical network speeds given the type of a user's connection. In this release, the API has been expanded to provide developers with network performance metrics as experienced by the client. Using the API, a developer can inspect the current expected round trip time and throughput and be notified of performance changes. To simplify application logic, the API also summarizes measured network performance as the cellular connection type (e.g. 2G ) most similar to it, even if the actual connection is WiFi or Ethernet.

Using these network quality signals, developers can tailor content to network constraints. For example, on very slow connections, developers can serve a simplified version of the page to improve page load times . These signals will also soon be available as HTTP request headers and enabled via Client Hints .

OpenType Variable Fonts

OpenType Font Variations bring new typographic capabilities to the web. Previously, one font file contained just a single instance of a font family, including only one weight (Regular, Bold, Black…) or one stretch (Normal, Condensed, Expanded…).

Figure: Animated Amstelvar and Decovar variable font examples

With variable fonts, responsive design on the web now extends to typography. OpenType Variations provide a continuous spectrum of stylistic variations while saving space and bandwidth, since they all load from a single compact font file. Stretch, style, and weight can be adjusted using the respective updated CSS properties which now allow numeric values. Fine tuning of variation axis parameters, such as weight or width, is possible using the font-variation-settings CSS property.

Media Capture from DOM Elements

The W3C Media Capture from DOM Elements API now allows sites to live-capture content in the form of a MediaStream directly from HTMLMediaElements (i.e. <video> and <audio> ). By invoking the captureStream() method on HTMLMediaElements , streamed content can be recorded and sent remotely using WebRTC, processed with WebAudio, or manipulated in various other ways .

Sorry! Your browser does not support the video element. View animation here .

Figure: A 3D rendering being live-captured and streamed to a peer connection using WebRTC.

Other features in this release

Deprecations and interoperability improvements

Following an update to native button appearance on macOS, the appearance of <input> buttons and the <button> element have been similarly changed , affecting the default values for the background-color , border , border-radius , and padding CSS properties .

The ability to request permission to show notifications has been removed over HTTP connections and within cross-origin iframes , in line with our policy on restricting powerful features to only HTTPS.

To increase accuracy and ensure that users receive content in the language they expect, base language is now added immediately after language+region when generating accept-language headers from language settings.

To improve UX and browser consistency, transitional mouse events will now be dispatched , and hover states will now be updated more quickly after the intended layout has been modified.

OfflineAudioContext now accepts a dictionary argument, in addition to the existing constructor that takes three separate arguments.

In line with other browsers, the getStreamById method on RTCPeerConnection has now been removed .

SharedWorker.workerStart has been removed, following its deprecation and removal from other major browsers.

To better conform to spec, the default value of <ol>.start has been set to 1 .