Chrome DevTools

Upgrade your workflows with the latest Chrome DevTools advancements across versions 148, 149, and 150. Discover the power of DevTools for agents, now stable, allowing your coding agent to interact with live browsers, run audits, and debug extensions → goo.gle/4eWruTL

A few weeks ago I noticed that Linear got slower than it used to. Especially on the new Diffs feature, that we were getting ready to release, it was pretty bad. For days I was running profiles, staring at profiles, bisecting with agents from every direction. The pattern was clear - we accessed the DOM a ton, which blocked the main threads on style recalcs and layout for 10s or 100s of milliseconds over and over. I shipped dozens of PRs to get rid of those layout-causing calls, using pretext and whatever tricks the agents and I could come up with. It helped, but only a bit. I was getting desperate.

Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the browser → goo.gle/4wVbLvc #GoogleIO

Chrome DevTools for agents is now stable! 🏇 Don't miss out, and give your agent access to your website's runtime (console logs, network requests, ...), rather than just the static code. Deep dive from last week's #GoogleIO: youtube.com/watch?v=1AD81Z…

We are bringing the latest web announcements to #GoogleIO on May 19th at 1:30pm PT to help you build incredible web applications → goo.gle/3OHt9Cm

Web platform news 🗞️ Landing in Chrome 148: sticky positioning now works on a per-axis basis This means you can have sticky elements that track different scroll containers on different axes. (📽️ from @bramus's article, 🔗⬇️)

Spring is here (your location may vary ☃️🌸) and with it What's new in Chrome DevTools 147: Skills and Lighthouse support for Chrome DevTools MCP, auto context selection in AI assistance, code generation in the Console and more. Find it all on developer.chrome.com/blog/new-in-de…

@WebTwitr @tan_stack @aisdk @ctatedev @EffectTS_ @bunjavascript @GoogleAI You'll like this release github.com/ChromeDevTools… 🙂

@tan_stack @aisdk @ctatedev @EffectTS_ @bunjavascript @GoogleAI Wait until @ChromeDevTools gives us the CLI and then it'll be fullstack Chrome 🫡

I've been playing with building a personal assistant meets browsing assistant for mobile web and had to experiment with WebMCP as part of the experience. It's quite amazing to see how much better the experience can be when the browsing agent perform tasks instantly instead of wasting turns with navigating and interacting with the page to perform a task. Where as the baseline for the browsing agent I've built can navigate around and perform tasks for me, it take several turns, spends more tokens and takes more time to perform that. After implementing WebMCP into the agent harness it tasks that took several turns became instant (for pages that exposes the features). We are only at the beginning of the spec, but this is going to be amazing as more apps and sites support this feature. @ChromiumDev is building something amazing here!

@mistralvibe I would love to get working setup instructions for Mistral Vibe added to #mcp-client-configuration" target="_blank" rel="nofollow noopener">github.com/ChromeDevTools… ... want to open a PR and cc me please?

Me: Debug this INP issue. AI: I can't see your screen! Me: Enables DevTools MCP AI: Analyzed trace. Problem solved 🕵️‍♂️ Give your agent eyes → goo.gle/4qwBzKu

A feature I don't think anyone asked for. Changing scrollbar colour based on scroll-position. Use CSS scroll-based animations, custom CSS properties and Demo: colourful-scrollbar.val.run Code: val.town/x/paulkinlan/c… Probably doesn't work everywhere and probably shouldn't be used anywhere

When did they add this? Chrome devtools now shows the computed step values for css calc + variables Makes debugging 100x easier

@wesbos This was added with Chrome 138. Glad it's helpful! 🙂 Here are the release notes: #debug-css-values" target="_blank" rel="nofollow noopener">developer.chrome.com/blog/new-in-de…

We can't wait to share all the hot stuff the team is currently working on for Chrome DevTools 🌶️

Nice post by @andreban - bandarra.me/posts/point-an… - it made me think if there is a tool that is "set_preferences" that the LLM will call (with the users permission) - we could start to tailor UIs even more to the user.

Would multi-session support for the Chrome DevTools MCP server be useful for you? 🤖✖️🌍 Chime into the discussion on GitHub: github.com/ChromeDevTools…

Chrome 145 is rolling out now! ✨ It's been a Product Excellence milestone for DevTools but we’ve landed some great updates like Soft Nav markers, line-level profiler timings, and the new Render blocking column in the Network panel 📬 Read the full post: developer.chrome.com/blog/new-in-de…

Your AI agent can do more than just write code. We're exploring how the DevTools MCP server connects your model to Chrome DevTools for live debugging, from fixing high INP to testing complex forms → goo.gle/4kBqqpX

Token usage in LLM applications is a huge topic. It dictates response speed, cost efficiency - or the quota left on your plan 😄 🪫 Learn how the Chrome DevTools team squeezed a full Performance trace into Gemini in DevTools developer.chrome.com/blog/designing…

The team is thinking about extending the Chrome DevTools MCP server with GraphQL support. Let us know what you think on the RFC: github.com/ChromeDevTools… 🔎🗂️