What’s new in DevTools: Chrome 124-126

Опубликовано 27 июня 2024, 16:00

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-messa...

Scrolling star demo → goo.gle/4cDnkw9

Scroll-driven animations course → youtube.com/playlist?list=PLNY...

Ignore script in the Performance panel → goo.gle/devtools-perf-ignore

Analyze CSS selector performance → goo.gle/devtools-selector-stat...

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

Catch more videos → goo.gle/NewInDevTools
Subscribe to Chrome for Developers → goo.gle/ChromeDevs

#DevTools #ChromeForDevelopers #Chrome

Speaker: Jecelyn Yeen
Products Mentioned: Chrome