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=1AD81Zse…
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/ne…
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/colour…
Probably doesn't work everywhere and probably shouldn't be used anywhere
Nice post by @andreban - bandarra.me/posts/point-and-… - 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/ch…
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/ne…
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/de…
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/ch… 🔎🗂️
#MCP is great for agent-to-tool communication. But 50 sequential browser operations = 50 round trips = latency and token overhead.
I opened an RFC for a CLI wrapper that lets agents batch operations via bash scripts.
github.com/ChromeDevTools/ch…#AIagents
We’ve identified and fixed a bug that caused considerable lag for some users of Chrome DevTools when trying to inspect elements. A fix is being rolled out with Chrome 143.0.7499.109 and later. 🐢➡️🐰 We are sorry about any interruptions to your workflows.
Verify your Chrome version with chrome://version. If you are still experiencing issues please let us know on social or by filing a bug through goo.gle/devtools-bug. Thank you!