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 → goo.gle/devtools-console-mess...
Scrolling star demo → goo.gle/4cDnkw9
Scroll-driven animations course → • Unleash the power of S...
Ignore script in the Performance panel → goo.gle/devtools-perf-ignore
Analyze CSS selector performance → goo.gle/devtools-selector-stats
WebRTC demo → goo.gle/4bfRSmI
How to disable chrome dev tools waterfall → goo.gle/3XzJV8K
CSS Nesting UX in DevTools → goo.gle/4cl8kDE
Questions? Tweet to us:
Jecelyn Yeen → goo.gle/jecfish
Chrome DevTools → goo.gle/chromedevtools
Watch more What's New in DevTools → goo.gle/NewInDevTools
Subscribe to Chrome for Developers → goo.gle/ChromeDevs
#DevTools #ChromeForDevelopers #Chrome
Speaker: Jecelyn Yeen
Products Mentioned: Chrome

Наука