What’s new in DevTools 142 – 144


Enhance your development experience with the exciting updates in Chrome DevTools 142-144. This video demonstrates Code suggestions from Gemini, integrated into DevTools for a smoother and more efficient workflow. Learn about the Chrome DevTools MCP server for AI agents, advanced AI features for full trace debugging, improved trace exports for collaborative analysis, and granular network request throttling.

Resources:
DevTools MCP → https://goo.gle/devtools-mcp
Save and share performance traces → https://goo.gle/devtools-save-trace
Request conditions → https://goo.gle/devtools-request-conditions

What’s New blog posts:
142 → https://goo.gle/new-in-chrome-142
143 → https://goo.gle/new-in-chrome-143

Chapters:
0:00 – Introduction
0:45 – DevTools MCP
1:42 – Performance: Full trace debugging
2:03 – Performance: Improved trace exports
2:37 – Request conditions
3:09 – Code suggestions
3:43 – Bonus tip

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, CSS