chrome 154 · released

chrome 154 platform demos

19 features tracked for Chrome 154. 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 (19)

Shipped (13)

  1. Add options bag to WebSocket constructor

    Add support for passing an option bag (WebSocketInit dictionary) as the second argument to the WebSocket constructor. The option bag will initially support a "protocols" option, allowing developers to specify subprotocol...

    Shipped ChromeStatus ↗ demo →
  2. Ask-before-HTTP warning on by default

    Chrome now prompts users by default when they access an insecure (HTTP) connection. IT admins can control this default behavior via [HttpsOnlyMode](https://chromeenterprise.google/policies/#HttpsOnlyMode) policy.

    Shipped ChromeStatus ↗ demo in v154 →
  3. CSS scroll-marker-group modes

    The scroll-marker-group property is enhaced to support modes: 1) 'links' - The generated ::scroll-marker-group operates in "links" mode, functioning like a navigation list. This is the default mode if omitted. 2) 'tabs' ...

    Shipped ChromeStatus ↗ demo →
  4. Expose CSSStyleValue hierarchy to Worker contexts

    The CSS Typed OM spec exposes the CSSStyleValue hierarchy to worker global scopes ([Exposed=(Window, Worker, PaintWorklet, LayoutWorklet)]), but Blink only exposed CSSStyleValue, CSSKeywordValue, CSSNumericValue, CSSUnit...

    Shipped ChromeStatus ↗ demo →
  5. Fetch API: Forward reason from AbortController to fetch Response

    Surfaces the abort reason, if one is provided, to the methods of the Response object and its ReadableStream, rather than just the fetch promise. This fills a gap in our compliance with the standard, surfacing the develop...

    Shipped ChromeStatus ↗ demo →
  6. FontFace width attribute and font-width descriptor

    Exposes the width attribute on FontFace and the @font-face font-width descriptor as aliases for stretch and font-stretch. Aligns Chromium with the updated CSS Font Loading and CSS Fonts 4 specifications. Developers can n...

    Shipped ChromeStatus ↗ demo →
  7. Iterator Includes

    A TC39 proposal to allow the developer to ask whether an iterator yields a given value. Analogue to `Array.prototype.includes`.

    Shipped ChromeStatus ↗ demo →
  8. Light dismiss improvements for popovers and dialogs

    Improves and simplifies the light dismiss behavior for popovers and dialogs to fix a few bugs. "Light dismiss" is the behavior where clicking outside of a popover or dialog closes it. The fixed bugs include making scroll...

    Shipped ChromeStatus ↗ demo in v145 →
  9. Local Network Access restrictions for Background Fetch

    Background Fetch requests now require that the service worker's origin has the necessary Local Network Access (LNA) permission to send requests to local or loopback servers. This aligns Chromium's implementation with th...

    Shipped ChromeStatus ↗ demo →
  10. Responsively-sized <iframe>

    Allow sites to opt into iframes having responsive sizing (sizing the <iframe> element in the parent document to the iframe document's layout overflow sizing, so that scrolling in the child document is avoided).

  11. Secure Payment Confirmation: Locale Validation

    Updates Secure Payment Confirmation's `locale` data field to return a Not Supported DOMException if none of the language tags provided in the field match the language used by the Secure Payment Confirmation's dialog. If ...

    Shipped ChromeStatus ↗ demo →
  12. Support targetAddressSpace option for WebSockets

    Add support for passing a targetAddressSpace option in the WebSocket constructor. This allows developers to specify that a WebSocket connection to a public hostname should be treated as going to a "local" or "loopback" d...

    Shipped ChromeStatus ↗ demo →
  13. Window Shape API

    Window Shape API enables allowlisted [Isolated Web Apps](https://chromeos.dev/en/web/isolated-web-apps) on ChromeOS to have a customized window shape. By enabling non-rectangular and non-contiguous window layouts, develo...

    Shipped ChromeStatus ↗ demo in v152 →

Stepped rollout (2)

  1. Optional browser optimization for Service Workers

    Chrome 154 includes an optional browser optimization mode that changes existing service worker behavior. In ServiceWorkerAutoPreload mode, the browser issues the network request in parallel with the service worker bootst...

    Stepped rollout ChromeStatus ↗ demo in v140 →
  2. Window Shape API

    Window Shape API enables allowlisted [Isolated Web Apps](https://chromeos.dev/en/web/isolated-web-apps) on ChromeOS to have a customized window shape. By enabling non-rectangular and non-contiguous window layouts, develo...

    Stepped rollout ChromeStatus ↗ demo in v152 →

Origin Trial (1)

  1. Private Verification Tokens

    Automated traffic is increasing across the web, and many websites have responded with more user friction in the form of CAPTCHAs and other challenges to combat unwanted traffic. This degrades the web user experience for ...

    Origin Trial ChromeStatus ↗ demo →

Dev Trial (3)

  1. Single-axis scroll containers

    Extends the `overflow` property to support scrollable values together with `clip` (for example, `overflow: scroll clip`). This allows `position: sticky` to be constrained by different ancestor scroll containers per axis,...

    Dev Trial ChromeStatus ↗ demo in v153 →
  2. Support for WebHID

    The [WebHID API](https://developer.chrome.com/docs/extensions/how-to/web-platform/webhid) enables web applications to interact with Human Interface Devices (HIDs) over USB and Bluetooth beyond standard system input mappi...

    Dev Trial ChromeStatus ↗ demo in v154 →
  3. js-profiling in dedicated workers

    Allows js-profiling in dedicated workers This feature enables the JavaScript Self‑Profiling (js-profiling) API in Dedicated Workers, while remaining gated by Document Policy. It allows developers to obtain low‑overhead ...

    Dev Trial ChromeStatus ↗ demo in v147 →