Published: March 10, 2026
Chrome 146 brings improved support for Adopted Style Sheets in the Elements panel, significantly improves Console history navigation, and streamlines the Privacy debugging workflow, together with various other small fixes and updates.
DevTools MCP server updates
The DevTools MCP server is now at version 0.19.0, bringing powerful new tools, efficiency improvements, and specialized debugging skills:
- Integrated Lighthouse audits: You can now run Lighthouse audits directly through MCP, enabling automated performance and quality checks within your agentic workflows.
- Slim Mode: A new
--slimmode is now available, designed to optimize tool descriptions and parameters for maximum token savings. - New Debugging Skills: Added dedicated skills specifically for auditing and debugging accessibility, as well as debugging and optimizing Largest Contentful Paint (LCP).
- Expanded Tooling and Capabilities: The server now supports
storage-isolated browser contexts, experimental screencast recording, a new
take_memory_snapshottool, and advanced interaction capabilities liketype_text.
See the public changelog on GitHub for the full list of changes.
Preserve Console history edits
A long-standing friction point in the Console has been resolved. Previously, if you were editing a command pulled from history and navigated away (by pressing Up or Down), your edits were lost.
In Chrome 146, DevTools now preserves your edits as you navigate through your command history. You can start modifying a previous command, browse for another one, and return to your draft without losing your work.
This was a community contribution, thanks to @hjanuschka!
Chromium issue: 355108929
Improved support for Adopted Style Sheets
Debugging Web Components and modern CSS architectures is now much easier.
Adopted Style Sheets are no longer hidden away; they are now grouped under a
dedicated #adopted-style-sheets node within the DOM tree in the Elements
panel.
You can inspect these sheets just like standard <style> tags, and even edit
their rules directly in the Styles pane. This brings parity between
constructed stylesheets and declarative styles, simplifying the debugging of
Shadow DOM, web components, and shared design systems.
Chromium issues: 476399197, 40802935
Dense grid layout support
The Grid Editor in the Styles pane now supports the dense packing
algorithm. When editing grid-auto-flow, you will see a new checkbox for the
dense keyword, allowing you to quickly toggle between standard and dense
packing modes directly from the UI.
This was a community contribution, thanks to @TheNourhan!
Chromium issue: 40791512
Streamlined privacy debugging
The former Privacy and Security panel has been renamed to Security, and tidied up to reduce UI clutter and consolidate debugging workflows. All privacy-related information, such as third-party cookie issues and checking potential breakage, is now reported directly in the Console.
This change means you no longer need to hop between panels to diagnose privacy issues; they appear alongside your other logs and errors, providing immediate context.
Chromium issue: 473796598
Miscellaneous highlights
- Sources: A major overhaul of the stack trace architecture resolves issues where late-loading source maps caused the UI to jump or switch files unexpectedly.
- Network: The initiator popover now uses the improved stack trace system for more reliable request chains.
Accessibility announcements
This version brings the following accessibility improvements:
- Recorder: Screen readers now announce when the "Show Code" sidebar is toggled.
- Application: New "Shared storage", "Back/forward cache", and "Bounce tracking mitigation" report titles are now correctly announced as headings.
- Settings: High contrast mode support has been improved for shortcut items and color buttons.
- General: Improved focus visibility for various UI elements, including the CSS Overview panel and media player entries.