What's new in DevTools, Chrome 141

Sofia Emelianova
Sofia Emelianova
GitHub

Chrome DevTools (MCP) for your AI agent

You can now check out a preview for the new Chrome DevTools Model Context Protocol (MCP) server. It brings the power of Chrome DevTools to AI coding assistants.

Previously, coding agents weren't able to see what the code they generate actually does when it runs in the browser. The Chrome DevTools MCP server changes this. AI coding assistants are able to debug web pages directly in Chrome, and benefit from DevTools debugging capabilities and performance insights. This improves their accuracy when identifying and fixing issues.

See for yourself how it works:

For more information see Chrome DevTools (MCP) for your AI agent.

Debug the network dependency tree with Gemini

The Performance > Insights > Network dependency tree insight now has the Debug with AI button that takes you to the AI assistance panel, so you can discuss and debug said tree with the help of Gemini.

The before and after adding the 'Debug with AI' button to the 'Network dependency tree' insight.

Export your chats with Gemini

You can now export your current chat with Gemini or copy its response to clipboard by clicking the Export conversation button at the top action bar or Copy response under the Gemini's message in the chat.

The before and after adding the export and copy button to AI assistance.

Persisted track configuration in the Performance panel

When you configure a recorded track in the Performance panel, DevTools now saves your configuration and applies it when you import it back or record a new one.

Filter IP protected network requests

In the Network panel, you can now filter requests sent to IP Protection proxies.

The before and after adding the 'IP Protected requests' filter to the Network panel.

Elements > Layout tab adds masonry layout support

You can now inspect masonry layout in the Elements > Styles tab.

Masonry layout is a layout method where one axis uses a typical strict grid layout, most often columns, and the other a masonry layout.

The before and after adding the masonry layout support to Elements - Layout.

Lighthouse 12.8.2

The Lighthouse panel now runs Lighthouse 12.8.2.

Most notably in this version, Lighthouse separates found issues with CSS custom properties into their own error messages.

See also the full list of changes.

To learn the basics of using the Lighthouse panel in DevTools, see Lighthouse: Optimize website speed.

Chromium issue: 40543651.

Miscellaneous highlights

These are some of many notable fixes and improvements in this release:

Download the preview channels

Consider using the Chrome Canary, Dev, or Beta as your default development browser. These preview channels give you access to the latest DevTools features, let you test cutting-edge web platform APIs, and help you find issues on your site before your users do!

Get in touch with the Chrome DevTools team

Use the following options to discuss the new features, updates, or anything else related to DevTools.

What's new in DevTools

A list of everything that has been covered in the What's new in DevTools series.