What’s new in DevTools: Chrome 127-129

18 282
16.1
Published on 17 Sep 2024, 23:13
Woof woof! Join Jecelyn, Barry, and their adorable Corgi as they sniff out the coolest updates in DevTools (Chrome 127-129).

Chapters:
0:00 Intro
0:15 Console insights available in Europe
0:33 Live metrics in Performance panel
1:10 Network track tooltip in Performance panel
1:30 Search network track in Performance panel
1:36 Customize performance data with extensibility API
2:41 Inspect CSS anchor positioning
3:22 New scroll snap event listeners
3:59 Bonus tip: Filter and export a list of URLs
4:25 Learn more
4:43 👀👀👀

Resources:
DevTools performance live metrics → goo.gle/devtools-perf-live-met...
Customize your performance data with extensibility API → goo.gle/devtools-perf-extend-a...
Chrome DevTools blog → goo.gle/devtools-blog
Introducing the CSS anchor positioning API → goo.gle/3SWrvM5
Console insights → goo.gle/console-messages-ai

Demos:
Live metrics → goo.gle/3Bc6YNy
Extensibility API → goo.gle/4e0Z3Bq
CSS Anchor positioning → goo.gle/3MGzh9D
Scroll snap events → goo.gle/4ek7gAm


Questions? Tweet to us:
Barry Pollard → goo.gle/tunetheweb
Jecelyn Yeen → goo.gle/jecfish
Chrome DevTools → goo.gle/chromedevtools

Watch more New in Devtools → goo.gle/NewInDevTools
Subscribe to Chrome for Developers → goo.gle/ChromeDevs

#DevTools #ChromeForDevelopers #Chrome


Speaker: Jecelyn Yeen
Products Mentioned: Chrome
autotechmusickids