What’s new in DevTools: Chrome 130-132

Опубликовано 12 декабря 2024, 18:00

Let’s goooo~ Explore the latest DevTools features in Chrome 130-132! Join Jecelyn, Oliver, and Matthias as they dive deep into the updates and show you how to use them.

Chapters:
0:00 Intro
0:25 Debug CSS with AI Assistance
1:16 Ask AI about network, sources, performance
1:57 Spot scrollable elements with scroll badge
2:23 View performance insights
2:54 Annotate performance traces
3:25 Inspect extension storage
4:57 Better console stack traces
5:29 Bonus tip: Export network HAR with sensitive data


Resources:
AI Assistance quickstart → goo.gle/wndt-ai-quickstart
Scroll badge → goo.gle/swe-devtools-scroll-ba...
Annotate performance traces → goo.gle/4fMVRdm
Extension storage → goo.gle/3ZofhhQ


Demos:
CinemAI → goo.gle/49yzMNG
Scroll badge → goo.gle/4iwF2FE


What’s New blog posts:
130 → goo.gle/new-in-devtools-130
131 → goo.gle/new-in-devtools-131
132 → goo.gle/new-in-devtools-132

Questions? Tweet to us:
Jecelyn Yeen → goo.gle/jecfish
Matthias Rohmer → goo.gle/matthiasrohmer
Oliver Dunk → goo.gle/oliverdunk_
Chrome DevTools → goo.gle/chromedevtools

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

#DevTools #ChromeForDevelopers #Chrome


Products Mentioned: Chrome