Let’s dive into what’s new in DevTools for Chrome 124-126.
Chapters:
0:00 Intro
0:13 Understand console errors with AI
0:56 Inspect scroll-driven animations with Animations panel
2:13 Shuffle and hide tracks in Performance panel
2:50 Hide functions or ignore scripts in Performance panel
3:37 Capture CSS selector statistics with Performance panel
4:11 Throttle down the CPU by 20 times
4:32 Enhanced network throttling for WebRTC over UDP
5:32 Hide the Waterfall column in Network panel
6:02 Improved CSS nesting support in Styles tab
6:37 Bypass self-XSS warning for test automation
Resources:
Understand console errors with Gemini → https://goo.gle/devtools-console-messages-ai
Scrolling star demo → https://goo.gle/4cDnkw9
Scroll-driven animations course → https://goo.gle/learn-scroll-driven-animations-episode-1
Ignore script in the Performance panel → https://goo.gle/devtools-perf-ignore
Analyze CSS selector performance → https://goo.gle/devtools-selector-stats
WebRTC demo → https://goo.gle/4bfRSmI
How to disable chrome dev tools waterfall → https://goo.gle/3XzJV8K
CSS Nesting UX in DevTools → https://goo.gle/4cl8kDE
Questions? Tweet to us:
Jecelyn Yeen → https://goo.gle/jecfish
Chrome DevTools → https://goo.gle/chromedevtools
Catch more videos → https://goo.gle/NewInDevTools
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#DevTools #ChromeForDevelopers #Chrome
Speaker: Jecelyn Yeen
Products Mentioned: Chrome