Chrome for Developers: What's New: Chrome DevTools 151-153

Chrome 151-153 introduces helpful tools to improve your web development process, such as enhanced network request replaying and built-in binary viewers. The updated Styles tab now provides detailed CSS specificity tooltips to help you manage complex stylesheets. You can also use the new DevTools for agents capabilities to perform deep memory debugging. With the new two-week release cycle starting with Chrome 153, you’ll get access to new features like these more quickly and frequently.



Chapters:

00:00 - Intro

00:29 - Chrome's updated release cycle

00:55 - Resend network requests

02:40 - Debug CSS specificity and nesting

03:54 - Memory debugging with DevTools for agents

04:24 - Analyze soft navigations in the performance panel

05:10 - Copy console tables as Markdown



Questions? Find us on LinkedIn:

https://goo.gle/matthiasrohmer

https://goo.gle/chrome-for-developers



Resources:

DevTools Release Notes → https://goo.gle/devtools-news



Watch more What's New in DevTools → https://goo.gle/NewInDevTools

Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs



#ChromeForDevelopers #Chrome #ChromeDevTools #CSS



Speaker: Matthias Rohmer

Products Mentioned: Chrome, Chrome DevTools, CSS