Chrome 101 - What’s New in DevTools

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


Duration: 6:03
50,812 views
746

What’s new in DevTools (Chrome 101) → https://goo.gle/398kTX8

Chapters:
0:00 - Intro
0:12 - Import/Export recorded user flow as a JSON file
1:13 - Export user flow as a @puppeteer/replay script
2:00 - Using @puppeteer/replay as a CLI tools
2:31 - View cascade layers in the Styles pane
4:21 - Support for the hwb() color function
5:06 - Bonus tip: Use the cmd/ctrl key to filter multiple network requests

Links:
@puppeteer/replay library → https://goo.gle/3K5EZOi
Cascade layers → https://goo.gle/3ODV15M
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-12How to speed up Largest Contentful Paint (LCP) with cross-site prefetching
2022-05-11Introduction to Angular
2022-05-11What's new in Chrome OS I/O 2022
2022-05-11Measure performance with web-vitals.js, Google Analytics, and BigQuery
2022-05-11Creating instant and seamless web apps with Chrome
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


Tags:
purpose: Educate
series: What's New in DevTools
GDS: Yes
chrome 101
new in chrome 101
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