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 → [ Ссылка ]
Scroll badge → [ Ссылка ]
Annotate performance traces → [ Ссылка ]
Extension storage → [ Ссылка ]


Demos:
CinemAI → [ Ссылка ]
Scroll badge → [ Ссылка ]


What’s New blog posts:
130 → [ Ссылка ]
131 → [ Ссылка ]
132 → [ Ссылка ]

Questions? Tweet to us:
Jecelyn Yeen → [ Ссылка ]
Matthias Rohmer → [ Ссылка ]
Oliver Dunk → [ Ссылка ]_
Chrome DevTools → [ Ссылка ]

Watch more New in Devtools → [ Ссылка ]
Subscribe to Chrome for Developers → [ Ссылка ]

#DevTools #ChromeForDevelopers #Chrome


Products Mentioned: Chrome

свернуть