What’s new in DevTools- Chrome 127-129

About

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 → devtools-perf-live-metrics Customize your performance data with extensibility API → devtools-perf-extend-api Chrome DevTools blog → devtools-blog

Introducing the CSS anchor positioning API → https://3SWrvM5

Console insights → https://console-messages-ai

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

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

Watch more New in Devtools → https://NewInDevTools Subscribe to Chrome for Developers → https://ChromeDevs

DevTools #ChromeForDevelopers #Chrome

Speaker: Jecelyn Yeen

Products Mentioned: Chrome

Human-made No record of this work says a model made it. What this means.