Chrome 100 - What’s New in DevTools

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=DAD72grzDDc


Duration: 5:29
84,829 views
1,229

What’s new in DevTools (Chrome 100) → https://goo.gle/36o2jcv

Chapters:
0:00 - Intro
0:05 - 🎉🎊💯
0:35 - Edit @supports in the Styles pane
1:33 - Support common selectors in the Recorder panel
2:21 - Customize recording’s selector
2:44 - Rename recording
2:57 - Preview class properties on hover
3:26 - Partially presented frames in the Performance panel
4:29 - Bonus tip: Shadow editor

Tweet us → https://goo.gle/38mi9Ay

What’s New in DevTools → https://goo.gle/NewInDevTools
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#ChromeDeveloper​ #WebDev #DevTools



Other Videos By Chrome for Developers


2022-05-11What's new for the web platform
2022-05-11Build more accessible apps in Angular
2022-05-10Performance insights panel | DevTools Tips
2022-05-03Is .css a bad idea? Is inlining the way forward? | HTTP 203
2022-04-27Adaptive frosted glass #Shorts
2022-04-21Chrome 101 - What’s New in DevTools
2022-04-13Thinking on ways to solve DIALOG
2022-03-304 lines of CSS for a vertical responsive slideshow #Shorts
2022-03-29New in Chrome 100: User Agent string updates, Multi-screen window placement API, and more!
2022-03-29What key was pressed? (You won't believe how keyboard events work) | HTTP 203
2022-03-24Chrome 100 - What’s New in DevTools
2022-03-23Cache your fonts, images & pages - Unpacking the Workbox
2022-03-18FLEDGE demo walkthrough | What is the Privacy Sandbox?
2022-03-16Thinking on ways to solve a LOADING BAR
2022-03-15Building VR and AR experiences using HTML | HTTP 203
2022-03-10CSS Grid debugging tools | DevTools Tips
2022-03-08Chrome 99 - What’s New in DevTools
2022-03-01New in Chrome 99: CSS Cascade Layers, Show Picker, and more!
2022-02-10CSS Flexbox debugging tools | DevTools Tips
2022-02-09Thinking on ways to solve SVG FAVICON
2022-02-01New in Chrome 98: Per-element opt-out for auto-dark, COLRv1, and more!


Tags:
purpose: Educate
series: What's New in DevTools
GDS: Yes
chrome 100
new in chrome 100
What’s new in devtools
new to devtools
web vitals
release notes
new in devtools
devtools
dev tools
google developers
google chrome developers
chrome developers
Developers
Web
Google Chrome Developers
Google Developers
Jecelyn Yeen