What’s new in DevTools: Chrome 124-126

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 → Scrolling star demo → Scroll-driven animations course → Ignore script in the Performance panel → Analyze CSS selector performance → WebRTC demo → How to disable chrome dev tools waterfall → CSS Nesting UX in DevTools → Questions? Tweet to us: Jecelyn Yeen → Chrome DevTools → Catch more videos → Subscribe to Chrome for Developers → #DevTools #ChromeForDevelopers #Chrome Speaker: Jecelyn Yeen Products Mentioned: Chrome