Faster DevTools navigation with shortcuts and settings | DevTools Tips

Faster DevTools navigation with shortcuts and settings | DevTools Tips

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


Duration: 3:17
42,604 views
495

Sharing some useful shortcuts and settings for quicker DevTools navigation.

Chapters:
0:00 - Intro
0:08 - Shortcut to open the Drawer and more tabs
0:33 - Run commands in the Command Menu
1:28 - Move and pair panels and tabs
1:58 - Disable the Styles pane auto layout
2:25 - Customize keyboard shortcuts

Resource:
Customize DevTools → https://goo.gle/devtools-customize

Questions? Tweet to us:
Jecelyn Yeen → https://twitter.com/jecfish
Chrome DevTools → https://twitter.com/chromedevtools

Catch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#DevToolsTips #Chrome #Developer



Other Videos By Chrome for Developers


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
2021-12-03Offline fallback page - Unpacking the Workbox
2021-12-03Container queries - Designing in the Browser
2021-12-02Faster DevTools navigation with shortcuts and settings | DevTools Tips
2021-12-01The fundamentals of CSS layout | Workshop
2021-12-01Building a web application in Angular | Workshop
2021-12-01Enhance accessibility in your Angular builds | Workshop
2021-12-01Launching your PWA to Google Play Store | Workshop
2021-12-01Security and usability with cross-origin isolation | Workshop
2021-12-01Faster loading times with AVIF images | Workshop
2021-12-01Build user-adaptive interfaces | Workshop
2021-12-01Two-factor authentication workshop with WebAuthn | Workshop
2021-11-30Bringing bounce and elastic easing to CSS | HTTP 203
2021-11-22Designcember is coming!


Tags:
GDS: Yes
Devtools tips
faster devtools navigation
devtools navigation
shortcuts
settings
css
css overview
Chrome Devtools
intro to devtools tips
what are devtools tips
how to use devtools tips
devtools tips tutorial
devtools
chrome
developer
developers
google developer
google developers
google chrome developers
chrome developer
chrome developers
google chrome
Jecelyn Yeen
devtools tutorial
what are devtools
how to use devtools