Chrome DevTools 148+: How to use new debugging tools @ChromeDevs
Chrome DevTools 148+: How to use new debugging tools @ChromeDevs
Uploaded July 2026 | Updated September 2026, 2 weeks ago
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. See the expanded capabilities of the AI assistance panel, offering intelligent solutions and insights into Core Web Vitals. Plus, explore quality-of-life improvements including APCA contrast calculation, WebMCP debugging tools, and Gemini-powered CSS code suggestions.

Watch more What's New in DevTools → https://goo.gle/NewInDevTools
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs

#ChromeForDevelopers #Chrome

Speaker: Matthias Rohmer
Products Mentioned: Chrome, Chrome DevTools,
Chrome DevTools 148+: How to use new debugging toolsHow to share a performance trace with notes #DevToolsTipsWhen Google I/O prep gets exhausting, the Chrome Dino reminds us who were building for 🦖Customize performance data in DevTools with extensibility API #DevToolsTipsDebug CLS #DevToolsAIHow Chrome Extension IDs workStatic Routing APIIntroducing Google Chrome Built-in AI Challenge 2025The new HTML-in-Canvas API is a game-changer #GoogleIOKeep text readable with CSS font-size-adjustModern Web Guidance for AI-assisted web development085: Linear easing function fun
Chrome for Developers |

Chrome DevTools 148+: How to use new debugging tools

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER