Chrome 97 - What’s New in DevTools

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


Duration: 3:43
36,354 views
800

What’s new in DevTools (Chrome 97) → https://goo.gle/3JDdZXo

Chapters:
0:00 - Intro
0:12 - Record, replay and measure user flows
1:29 - Refresh device list in Device Mode
1:45 - Autocomplete with Edit as HTML
2:07 - Syncing DevTools settings across devices
2:47 - Bonus tip: Fixed the panel layout

Links:
https://goo.gle/devtools-recorder
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-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!
2022-01-27Chrome 98 - What’s New in DevTools
2022-01-19Thinking on ways to solve a DARK/LIGHT THEME SWITCH
2022-01-13Discover and fix low contrast text with DevTools | DevTools Tips
2022-01-12Workbox TypeScript - Unpacking the Workbox
2022-01-04New in Chrome 97: Web Transport, Script type Detection, and more!
2022-01-04Cross-fading DOM elements | HTTP 203
2022-01-03Chrome 97 - What’s New in DevTools
2021-12-30Record and replay user flow with the Recorder panel | DevTools Tips
2021-12-27Generating your color palette in CSS | HTTP 203
2021-12-21Responsive images & art direction - Designing in the Browser
2021-12-16Authoring colors with DevTools | DevTools Tips
2021-12-15Choosing the right caching strategy - Unpacking the Workbox
2021-12-14The Zombie DOM - old DOM stuff that still haunts us today | HTTP 203
2021-12-14Dark mode - Designing in the Browser
2021-12-10Adapting caching to your needs - Unpacking the Workbox
2021-12-08Thinking on ways to solve TOASTS
2021-12-07Macro & micro layouts - Designing in the Browser


Tags:
purpose: Educate
pr_pr: Chrome
series: What's New in DevTools
type: Dev News
GDS: Yes
What’s new in devtools
new to devtools
web vitals
new in devtools
devtools
dev tools
google developers
google chrome developers
chrome developers
lighthouse
Google
Developers
Web
Google Chrome Developers
Google Developers
Jecelyn Yeen
device mode
chrome device mode
how to use device mode
html
html tutorial
syncing devtools
how to sync devtools
sync devtools
css