Update

Timeline named range scroll: function helps you meet contrast requirements for accessibility.*

Chrome 147
Stable release date: April 7th, 2026

CSS and UI
Element-scoped view transitions
Exposes element.startViewTransition() on arbitrary HTML elements. The element establishes a scope for the transition, which means that the transition pseudo-elements are affected by ancestor clips and transforms, and multiple transitions on separate elements can run concurrently.

CSS contrast-color()
This function helps you meet contrast requirements for accessibility.
You can use the contrast-color() function anywhere in CSS where a color value is expected. It takes a color value argument and returns either 'black' or 'white', depending on which provides the highest contrast against the color argument.

Timeline named range scroll
This feature expands the set of named ranges for view timelines by adding a scroll range to the existing set of entry, exit, cover, and contain.

CSS border-shape property
The CSS border-shape property lets you create non-rectangular borders with any arbitrary shape, for example, a polygon, circle, or shape().

Although border-shape accepts the same shapes as clip-path, it is fundamentally different. border-shape defines the shape of the border, decorates it, and clips only the inside.

border-shape has two variants: one that strokes a shape and another that fills between two shapes.

CSSPseudoElement interface
The CSSPseudoElement interface represents a pseudo-element in JavaScript.

CSSPseudoElement is returned from Element.pseudo(type), where type is currently ::after, ::before, or ::marker. CSSPseudoElement is a proxy object that represents a pseudo-element. Unlike a pseudo-element, a CSSPseudoElement always exists.

The CSSPseudoElement has the following attributes and methods:

The type attribute is a string that represents the pseudo-element's type.
The element attribute is the pseudo-element's ultimate originating element.
The parent attribute is the pseudo-element's originating element (either Element or CSSPseudoElement for nested pseudo-elements).
The pseudo(type) method retrieves nested pseudo-elements.

Pseudo target on events
Specific events now include a .pseudoTarget, which is either CSSPseudoElement (if the interaction was with a pseudo-element) or null.

This provides more specific information about the event origin. For example, it indicates that a ::after pseudo-element was clicked, not just the ultimate originating element (Event.target). Note that Event.target remains unchanged, so the event only has extra information about pseudo-element interaction.

The events are UIEvent, AnimationEvent, and TransitionEvent.

mouseover, mouseout, mouseenter, mouseleave, and their pointer* counterparts are not yet supported.

Decouple -width and -style properties
Chrome 147 aligns with updated CSS specifications for the behavior of the border-width, outline-width, and column-rule-width properties. Previously, if the corresponding border-style, outline-style, or column-rule-style was set to none or hidden, the computed width of these properties was forced to 0px, regardless of the specified value.

With this change, the computed values of border-width, outline-width, and column-rule-width always reflect the author-specified values, independent of the *-style property. Additionally, the resolved values (as returned by getComputedStyle()) for outline-width and column-rule-width also reflect the specified values.

This change aligns Chrome with Firefox and WebKit, which have already implemented this behavior.

Support path attribute on SVG <textpath> element
This change adds support for the path attribute on the SVG <textpath> element. This lets developers define text path geometry inline using SVG path data and reduces the need for separately defined <path> elements.

The <textpath> element resolves its text path geometry using the following rules:

  • If both path and href are present, geometry is resolved from the path attribute.
  • If only the path attribute is present and parses successfully, the inline path definition is used.
  • If the path attribute is absent or fails to parse, and an href attribute is provided, the referenced <path> element is used as a fallback.
  • Existing href-only behavior is preserved without change.
    This implementation follows the SVG 2 specification's definition of the path attribute on <textpath>. The resolution behavior is consistent with other browser engines, which improves interoperability and standards compliance. Note: When both path and href are specified on path now takes precedence, according to the SVG 2 specification.

Device
WebXR Plane Detection
The WebXR Plane Detection API lets sites retrieve the set of planes detected in the user's environment. This is less work for developers and more powerful than using the depth-sensing WebXR feature. For example, planes such as walls that are occluded by objects can still be fully represented if the system is aware of the wall's boundaries. A depth map would show the wall, but objects in front of it would break it up, potentially obscuring the wall's full scope. Furthermore, semantic labeling information is exposed when the device is aware of such labels and they fit into predefined categories, which provides better knowledge about the world.

DOM
JSON and style support for link rel=modulepreload
Adds support for JSON and style module types as <link rel="modulepreload"></link> destinations. <link rel="modulepreload"></link> is already supported in Chromium (see Chromestatus feature), but it currently only supports preloading script-like module scripts. This feature addresses a functionality gap because JSON and CSS module scripts are supported in Chromium elsewhere but not as <link rel="modulepreload"></link> destinations. You can preload style modules with <link as="style" href="..." rel="modulepreload"></link> and JSON modules with <link as="json" href="..." rel="modulepreload"></link>.

XML Parsing in Rust for non XSLT scenarios
Implements the Rust XML parser for scenarios where no XSLT processing is required.

The Rust XML parser improves security by eliminating memory corruption bugs in XML parsing. It replaces the use of libxml2 (written in C) with a safe alternative.

We are deprecating XSLT. While this process continues, you can already use safe Rust XML parsing in scenarios where XSLT is not required.

Graphics
WebXR Layers
WebXR Layers offers a more efficient way to draw immersive content.
In addition to supporting native color and depth textures and texture arrays, it also provides support for different layer types that the system compositor manages (as opposed to JavaScript).

JavaScript
Math.sumPrecise
Implements a TC39 proposal to add a method to sum multiple values in JavaScript.

Add an iterable-taking Math.sumPrecise method that returns the sum of the values in the iterable using a more precise algorithm than naive summation.

Network / Connectivity
Request.isReloadNavigation attribute
Adds the read-only boolean attribute isReloadNavigation to the Fetch API's Request interface. This attribute indicates whether the current navigation request was initiated as a user-triggered reload (for example, using the Refresh button, location.reload(), or history.go(0)). This signal is primarily exposed on the Request object within a Service Worker's FetchEvent.

Performance
Update Device Memory API limits
Updates to a new set of possible values for the Device Memory API:

  • Android: 1, 2, 4, 8
  • Others: 2, 4, 8, 16, 32 These values replace the old values of 0.25, 0.5, 1, 2, 4, and 8, which have grown outdated.
    This reduces fingerprinting risks at the lower end because device capabilities have improved since these were set. It also allows better usage and segmenting of high-end devices, as developers requested. For more information, see Device Memory issue.

Local Network Access (LNA)
For more information about LNA, see Local Network Access.

Local Network Access restrictions on service worker WindowClient.navigate()
Local Network Access (LNA) restrictions were recently added to prevent websites from unilaterally making requests to local networks and local devices. These restrictions were added for service worker-initiated fetch requests but not for navigations that service workers perform through WindowClient.navigate().

This launch closes this gap by adding LNA restrictions to WindowClient.navigate() calls. It uses the WindowClient as the initiator of the navigation to determine if the navigation is an LNA request.

This only applies if the WindowClient being navigated is a subframe. Chrome does not currently enforce any LNA restrictions on main frame navigations.

Local network access restrictions for WebTransport
Restricts the ability to make requests to the user's local network using WebTransport, which is gated behind a permission prompt.

A local network request is any request from a public website to a local IP address or loopback, or from a local website (for example, an intranet) to loopback. Gating websites' ability to perform these requests behind a permission reduces sites' ability to use these requests to fingerprint the user's local network.

This permission is restricted to secure contexts.

Local network access restrictions for WebSockets
Local Network Access (LNA) restrictions are expanding to include WebSockets. WebSockets connections to local addresses now trigger permission prompts.

All current LNA enterprise policies still apply to the LNA WebSockets restrictions (LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls, and LocalNetworkAccessRestrictionsTemporaryOptOut).

Isolated Web Apps (IWA)
Web Printing API
This API enables deeper integration with printer-related functionality in Isolated Web Apps.

This API targets Isolated Web Apps only and follows the Isolated Web Apps process.

This API provides a set of JavaScript methods that let developers query local printers, submit print jobs to the most appropriate printers, and manage print job options and status. To represent these concepts, it relies on attribute names and semantics from the Internet Printing Protocol (IPP) specifications.

Origin trials
Prerender cross-origin iframes
Prerenders cross-origin iframes using an opt-in response header.

Browsers now prerender all cross-origin frames if the top-level frame's HTTP response includes Supports-Loading-Mode: prerender-cross-origin-frames.

Autofill event
Autofill is a key web feature that reduces friction for millions of users every day. However, getting autofill to work reliably with dynamic forms across multiple implementations requires significant effort.

This feature adds an autofill event that lets developers modify their forms to fit the autofilled data and notify the browser when they have done so.

WebNN
WebNN enables web applications and frameworks to take advantage of native operating system services for machine learning and the underlying hardware capabilities available on a user's computer. This helps implement consistent, efficient, and reliable ML experiences on the web.

Deprecations and removals
Remove Inline XSLT for production of SVG
A specially crafted XML file might contain an XSL stylesheet that transforms generic XML data into an SVG file.

For example, see gist.github.com.

This is a special case of XSLT processing that, according to recently introduced use counters XSLPIInSVGImage (UseCounter ID 5777) and XSLPIInSVGStandaloneDoc (UseCounter ID 5778), we consider virtually non-existent on the web. We want to deprecate and remove it before fully phasing out XSLT.

This rolls out in sync with experimental testing of the Rust-based XML parser. This won't immediately deploy to 100% in Chrome 147.

Receive Important Update Messages Stay tuned for upcoming Google updates

Was the content helpful to you?

Advertisement Advertise here?
Udemy IT certification ad