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 → https://goo.gle/devtools-perf-live-metrics
Customize your performance data with extensibility API → https://goo.gle/devtools-perf-extend-api
Chrome DevTools blog → https://goo.gle/devtools-blog
Introducing the CSS anchor positioning API → https://goo.gle/3SWrvM5
Console insights → https://goo.gle/console-messages-ai
Demos:
Live metrics → https://goo.gle/3Bc6YNy
Extensibility API → https://goo.gle/4e0Z3Bq
CSS Anchor positioning → https://goo.gle/3MGzh9D
Scroll snap events → https://goo.gle/4ek7gAm
Questions? Tweet to us:
Barry Pollard → https://goo.gle/tunetheweb
Jecelyn Yeen → https://goo.gle/jecfish
Chrome DevTools → https://goo.gle/chromedevtools
Watch more New in Devtools → https://goo.gle/NewInDevTools
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#DevTools #ChromeForDevelopers #Chrome
Speaker: Jecelyn Yeen
Products Mentioned: Chrome