Web Development Compass | Chrome DevTools Learning Resources (Part 5)
# Chrome DevTools – Chrome 141 Updates (2025‑10‑31)
**Location:** Beijing
**Series:** Chrome DevTools Learning Resources (Part 5)
**Topic:** What's new in **Chrome Version 141**
---
## Overview
**Chrome DevTools** is a powerful suite of web developer tools built directly into Google Chrome.
It helps developers:
- Instantly **inspect and edit pages**.
- **Diagnose and fix issues** quickly.
- **Build faster, better websites**.
**Useful Links:**
- [Chrome DevTools Documentation](https://developer.chrome.google.cn/docs/devtools/ai-assistance?hl=zh-cn)
- [Google Chrome](https://www.google.com/chrome/?hl=zh-cn)
**This article covers:**
Updates for the **stable channel release** of Chrome 141 on **Android, ChromeOS, Linux, macOS, and Windows**.
> 🎥 Watch the video summary or read the detailed notes below.
---
## CSS
### Custom Property Enumeration in `getComputedStyle()`
**Issue:**
- Previously, enumerating `window.getComputedStyle(element)` skipped custom properties.
- `length()` returned inaccurate counts.
**Fix:**
- Chrome 141 now **includes custom properties** in enumeration.
- Aligns behavior with **Firefox** and **Safari**.
**References:**
- [ChromeStatus.com Feature](https://chromestatus.com/feature/5070655645155328)
---
## DOM
### ARIA Notify API
**New Functionality:**
- JavaScript API to tell screen readers **what to read aloud**.
- Not tied to DOM updates.
- **Better reliability** & **developer control** compared to ARIA live regions.
**Iframe Use:** Controlled via `"aria-notify"` permission policy.
**References:**
- [Bug #326277796](https://issues.chromium.org/issues/326277796)
---
## Content & Accessibility Note
For developers focused on accessible, high-performance apps, tools like **[AiToEarn](https://aitoearn.ai/)** offer AI-powered content generation with cross-platform publishing to major social channels (Douyin, Kwai, WeChat, Bilibili, Rednote, Facebook, Instagram, LinkedIn, Threads, YouTube, Pinterest, X).
**Useful AiToEarn resource:** [AI模型排名](https://rank.aitoearn.ai)
---
## Updates to `hidden=until-found` and `details` Ancestor Elements
**Adjustment:**
- Updated **display algorithm** to prevent browser **infinite loops**.
**References:**
- [Bug #433545121](https://issues.chromium.org/issues/433545121)
- [ChromeStatus.com Feature](https://chromestatus.com/feature/5179013869993984)
---
## JavaScript
### Unified Timing for RTP Statistics Creation
- Ensures creation timing for `outbound-rtp` and `inbound-rtp` statistics matches spec.
- Identified by SSRC.
**References:**
- [Bug #406585888](https://issues.chromium.org/issues/406585888)
- [ChromeStatus.com Feature](https://chromestatus.com/feature/4580748730040320)
---
## Media
### Support for `restrictOwnAudio`
- Constrainable attribute controlling **system audio** capture from display surfaces.
- No effect if display surface has no system audio.
**References:**
- [ChromeStatus.com Feature](https://chromestatus.com/feature/5128140732760064)
---
## Extending `getDisplayMedia()` with `windowAudio` Option
**Purpose:**
Hint to browser whether to offer audio sharing when a window is selected.
**Values:**
- `"exclude"` – No audio capture.
- `"system"` – Capture system audio.
- `"window"` – Capture only window audio.
**Example:**windowAudio: "exclude"
**References:**
- [ChromeStatus.com Feature](https://chromestatus.com/feature/5072779506089984)
---
## SVG Enhancements
**Feature:** Supports `width` and `height` presentation attributes on nested `` elements via **SVG markup** or **CSS**.
**References:**
- [Bug #40409865](https://issues.chromium.org/issues/40409865)
- [ChromeStatus.com](https://chromestatus.com/feature/5178789386256384)
---
## Digital Credentials API (Presentation Support)
- Request identity info from **wallet apps** via **Android IdentityCredential**.
- Supports **ISO mDoc** and **W3C Verifiable Credentials**.
- Works with multiple wallet apps.
- Reduces identity abuse risks.
**References:**
- [Bug #40257092](https://issues.chromium.org/issues/40257092)
- [ChromeStatus.com](https://chromestatus.com/feature/5166035265650688)
---
## Navigation API – Delayed Commit
**New:** `precommitHandler` in `navigateEvent.intercept()`
- Allows asynchronous pre-commit logic before URL update.
- Pre-commit handlers can modify URL, state, history behavior.
**References:**
- [Bug #440190720](https://issues.chromium.org/issues/440190720)
- [ChromeStatus.com](https://chromestatus.com/feature/5134734612496384)
---
## FedCM – Alternative Account Fields
- Account picker now supports **phone numbers** and **usernames**, in addition to full name and email.
- Can customize privacy disclosure texts.
**References:**
- [Bug #382086282](https://issues.chromium.org/issues/382086282)
- [ChromeStatus.com](https://chromestatus.com/feature/5121180773908480)
---
## Networking / Connectivity
### `No-Vary-Search` Support in HTTP Disk Cache
- Allows caching across URLs with identical experience but different query parameters.
- Useful for tracking IDs, avoiding full network fetches.
**References:**
- [Bug #382394774](https://issues.chromium.org/issues/382394774)
- [ChromeStatus.com](https://chromestatus.com/feature/5808599110254592)
---
## Offline / Storage
### IndexedDB `getAllRecords()` + Direction Parameter
- **New method:** `getAllRecords()` on `IDBObjectStore` and `IDBIndex`.
- Includes direction for `getAll()` and `getAllKeys()`.
- Combines key + value enumeration for performance boosts.
**Example Performance:**
Microsoft Media Resources workload improvement of **350ms**.
**References:**
- [Bug #40746016](https://issues.chromium.org/issues/40746016)
- [ChromeStatus.com](https://chromestatus.com/feature/5124331450138624)
---
## Performance
### Speculative Rules – Eager Aggressiveness on Desktop
- `"eager"` will now trigger prefetch & prerender quicker than `"moderate"`, but slower than `"immediate"`.
**References:**
- [ChromeStatus.com](https://chromestatus.com/feature/5113430155591680)
---
## Security
### Strict Same-Origin Policy for Storage Access API
- By default, cookies only attach to requests from iframe’s own origin.
- Cross-origin exceptions require explicit policy/header settings.
**References:**
- [Bug #379030052](https://issues.chromium.org/issues/379030052)
- [ChromeStatus.com](https://chromestatus.com/feature/5169937372676096)
---
## Signature-Based Integrity
- Validate resource origin via **Ed25519** signed responses.
- Complements **CSP URL checks** & **Subresource Integrity**.
**References:**
- [Bug #375224898](https://issues.chromium.org/issues/375224898)
- [ChromeStatus.com](https://chromestatus.com/feature/5032324620877824)
---
## WebRTC
### Encoded Transform (V2)
- Updated API for processing encoded media via `RTCPeerConnection`.
- Aligns with latest spec (Interop 2025).
- **Note:** `generateKeyFrame` not included.
**References:**
- [Bug #354881878](https://issues.chromium.org/issues/354881878)
- [ChromeStatus.com](https://chromestatus.com/feature/5175278159265792)
### `echoCancellationMode` in `getUserMedia()`
- Values: `true`, `false`, `"all"`, `"remote-only"`.
- Controls echo cancellation scope.
**References:**
- [ChromeStatus.com](https://chromestatus.com/feature/5585747985563648)
---
## Managed ChromeOS Devices
### Permission Policy – Device Attributes API
- **New policies:** `DeviceAttributesBlockedForOrigins`, `DefaultDeviceAttributesSetting`
- Default enabled for policy-installed kiosk/IWA apps.
**References:**
- [ChromeStatus.com](https://chromestatus.com/feature/4843520522977280)
---
## Origin Trials
### Local Network Access Restrictions
- Now needs **permission prompt**.
- Origin trial allows insecure environment access temporarily.
**References:**
- [Blog Post](https://developer.chrome.google.cn/blog/local-network-access?hl=zh-cn)
- [Bug #394009026](https://issues.chromium.org/issues/394009026)
- [ChromeStatus.com](https://chromestatus.com/feature/5152728072060928)
---
## Proofreader API
- JS API using AI to suggest text corrections.
**References:**
- [Blog Post](https://developer.chrome.google.cn/blog/proofreader-api-ot?hl=zh-cn)
- [Bug #403313556](https://issues.chromium.org/issues/403313556)
- [ChromeStatus.com](https://chromestatus.com/feature/5164677291835392)
---
## Extended CSP `script-src-v2`
- Adds URL-hash-based sources and hashes for `eval()` scripts.
- Enables tighter allowlists.
**References:**
- [Bug #392657736](https://issues.chromium.org/issues/392657736)
- [ChromeStatus.com](https://chromestatus.com/feature/5196368819519488)
---
## WebAssembly Custom Descriptors
- New `Custom Descriptor` objects let WASM configure prototypes & methods for JS use.
**References:**
- [ChromeStatus.com](https://chromestatus.com/feature/6024844719947776)
---
## Deprecations
### Remove `Purpose: prefetch` Header
- Now using `Sec-Purpose` header.
- Change controlled by feature flag.
**References:**
- [Bug #420724819](https://issues.chromium.org/issues/420724819)
- [ChromeStatus.com](https://chromestatus.com/feature/5088012836536320)
---
## More Resources
- [Series of Articles](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAwODY4OTk2Mg==&action=getalbum&album_id=4201029354031300611#wechat_redirect)
- 
[Read the Original](2652159809)
[Open in WeChat](https://wechat2rss.bestblogs.dev/link-proxy/?k=2172437d&r=1&u=https%3A%2F%2Fmp.weixin.qq.com%2Fs%3F__biz%3DMzAwODY4OTk2Mg%3D%3D%26mid%3D2652159809%26idx%3D1%26sn%3Dc45a9e80593974eea7871b7fc9b930c0)
---
**Tip:** AI publishing platforms like [AiToEarn](https://aitoearn.ai/) can help **generate** and **distribute** technical content across multiple channels, complementing developer tools like Chrome DevTools.
