
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
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
Chrome for Developers
Making the web more awesome....