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