chrome 151 · released

chrome 151 platform demos

26 features tracked for Chrome 151. Click a feature's title to open its demo; each card also links to its ChromeStatus entry.

Per-feature demos below are built automatically, one feature per commit, and every distinct use case should become an interactive concept page.

Probing browser capabilities…

features (26)

Shipped (18)

  1. Animation accessor on animation and transition events

    Adds a read-only animation attribute to the AnimationEvent and TransitionEvent interfaces. This attribute returns the associated Animation object that triggered the event.

    Shipped ChromeStatus ↗ demo →
  2. CSS ruby-overhang property

    Support of new CSS property `ruby-overhang` is added. The property accepts one of `auto`, `spaces` and `none` keywords to control overhang of ruby annotation text. Per CSSWG, none is aliased to spaces, allowing overhang...

    Shipped ChromeStatus ↗ demo →
  3. Capability Elements <usermedia> MVP

    Usermedia Capability Element, is a declarative, user-activated control for accessing the starting and interacting with media streams. This addresses the long-standing problem of permission prompts being triggered direct...

    Shipped ChromeStatus ↗ demo →
  4. Change the "position-anchor" initial value to "normal"

    We are changing the initial value of the "position-anchor" CSS property from "none" to normal to align with other browsers and the specification. "normal" behaves like "none" if the "position-area" CSS property is "none...

    Shipped ChromeStatus ↗ demo →
  5. Cross-origin redirect timing opt-in

    Currently developers have no way to measure cross-origin redirects for navigations, even ones under their control, or ones that choose to opt-in to be measured. This feature enables servers to opt-in to have their redir...

    Shipped ChromeStatus ↗ demo →
  6. Declarative shadow DOM: shadowrootslotassignment attribute

    Adds the shadowrootslotassignment attribute to the <template> element, allowing declarative shadow roots to use manual slot assignment. Until now this option was only available imperatively, via attachShadow({slotAssignm...

    Shipped ChromeStatus ↗ demo →
  7. DeviceOrientation Events permission request API

    Allows web developers to call Device{Motion,Orientation}Event.requestPermission() to ask the user agent for device orientation and motion data to be shared with the page. Those two static methods return a promise that re...

    Shipped ChromeStatus ↗ demo →
  8. LanguageDetector support for Traditional vs. Simplified Chinese

    Two new detectable language codes, "zh-Hant" and "zh-Hans" will be added. Detection results that previously returned "zh" will now return one of these new values. While this is a developer-visible change it fits within ...

    Shipped ChromeStatus ↗ demo →
  9. Navigation: Ignore duplicate navigations

    Prevents an ongoing navigation from being unnecessarily canceled by a new, identical navigation that is initiated in quick succession. This optimization improves performance and the user experience by not wasting resourc...

    Shipped ChromeStatus ↗ demo →
  10. No Auto-Rewind for AnimationTrigger Play Methods

    AnimationTrigger Play Methods will not auto-rewind, i.e. will not restart a finished animation. "play", "play-forwards" and "play-backwards" are values that, when specified in the association between an AnimationTrigger...

    Shipped ChromeStatus ↗ demo →
  11. PerformanceSoftNavigation and InteractionContentfulPaint performance entry

    Adds "soft-navigation" and "interaction-contentful-paint" PerformanceEntry types to the web performance timeline to track interaction-driven page performance, including for "soft" navigations (JS-driven navigations in Si...

    Shipped ChromeStatus ↗ demo →
  12. Permission Policy Merger: "direct-sockets-private" with "local-network" and "loopback-network"

    Isolated Web App manifests now require specific "local-network" and/or "loopback-network" permission policies to enable Direct Sockets connections to local or loopback network addresses, respectively. This change replace...

    Shipped ChromeStatus ↗ demo →
  13. Remove [LegacyNoInterfaceObject] from FontFaceSet IDL

    Chromium's FontFaceSet IDL previously used [LegacyNoInterfaceObject], which hid FontFaceSet as a global property and deleted the constructor property from its prototype. This deviated from the CSS Font Loading spec and d...

    Shipped ChromeStatus ↗ demo →
  14. Speculation rules: form_submission field

    This extends speculation rules syntax to allow developers to specify the form_submission field for prerender. This field directs the browser to prepare the prerender as a form submission, so that it can be activated by ...

    Shipped ChromeStatus ↗ demo →
  15. Web Speech API: Unspoken Punctuation

    Adds the unspokenPunctuation boolean attribute to the SpeechRecognition interface of the Web Speech API. When enabled (true), this attribute directs the speech recognition engine to automatically infer and insert punctua...

    Shipped ChromeStatus ↗ demo →
  16. Wheel event momentum

    Exposes a momentum attribute in wheel events to mark native platforms events for scrolling inertia. After the user has lifted the finger from the trackpad after a fling interaction, many native platforms continue to fire...

    Shipped ChromeStatus ↗ demo →
  17. aria-actions

    Support aria-actions attribute. There is a common UI pattern where secondary actions are placed within composite interactive widgets. The aria-actions attribute allows us to expose these secondary action buttons direct...

    Shipped ChromeStatus ↗ demo →
  18. textStream() for response/request/blob

    Add textStream() to interfaces that represent a byte stream (request, response, blob). This is equivalent to piping the byte stream through a TextDecoderStream().

    Shipped ChromeStatus ↗ demo →

Deprecated (1)

  1. Chrome 151 removes support for macOS 12

    Chrome 150 is the last release to support macOS 12; Chrome 151+ will no longer support macOS 12, which is outside of its support window with Apple. To maintain security, it is essential to run Chrome browser on a support...

    Deprecated ChromeStatus ↗ demo in v151 →

Origin Trial (5)

  1. Algorithm Updates in WebCrypto

    Add post-quantum cryptography and a common symmetric AEAD to the set of cryptographic algorithms available in the Web Cryptography API. This will enable developers to have access browser-provided implementations of commo...

    Origin Trial ChromeStatus ↗ demo →
  2. Declarative Performance Observer

    The Declarative Performance Observer proposes a reliable browser-resident telemetry system that reports of performance metrics from navigation initiation to page termination. By using a declarative HTTP response header, ...

    Origin Trial ChromeStatus ↗ demo →
  3. Prefetch activation beacon

    The on-prefetch-activation HTTP response header enables servers to specify a telemetry endpoint that the browser notifies when a prefetched resource is used for navigation. Developers gain a reliable signal to measure t...

    Origin Trial ChromeStatus ↗ demo →
  4. WebRTC Data Channel: SCTP Negotiation Acceleration Protocol

    WebRTC Data Channels use the Stream Control Transmission Protocol (SCTP) over a Datagram Transport Layer Security (DTLS) association. The standard SCTP connection establishment requires a handshake that introduces laten...

    Origin Trial ChromeStatus ↗ demo →
  5. WebRTC Diagnostic Logging API

    The Real-time Communication for the Web ([WebRTC](https://webrtc.org/)) Diagnostic Logging API allows authorized web applications to trigger the collection of WebRTC diagnostic data so that it can be used for local debug...

    Origin Trial ChromeStatus ↗ demo in v150 →

Dev Trial (2)

  1. More specific protocol filtering in Digital Credential API

    Chrome 151 began deprecating support for unspecified presentation and issuance protocols in the **Digital Credentials API**. Final removal of support is now scheduled for Chrome 161. The Digital Credentials API was orig...

    Dev Trial ChromeStatus ↗ demo in v151 →
  2. WebTransport anticipated concurrent incoming streams

    Allows WebTransport applications to indicate how many incoming streams they expect to have open at once. Constructor hints configure the initial QUIC stream allowance, reducing the risk that a server that needs high stre...

    Dev Trial ChromeStatus ↗ demo in v158 →