Different ways to open Chrome DevTools | DevTools Tips

10 694
79 days – 11 6241:00
CSS background-attachment #Shorts
Published on 27 Oct 2022, 17:04
Let's take a guess - how many ways are there to open Chrome DevTools? Tell us your favorite ways in the comments below!

0:00 Intro
0:15 Keyboard shortcuts intro
0:31 Open the Elements panel
1:12 Open the Console
1:37 Open the last panel you used
2:22 UI navigation intro
2:30 Open with the 3-dot menu
2:42 Open with right click - inspect
2:50 Open with the top menu bar (MacOS only)
3:06 Open DevTools in every tab

Open DevTools → goo.gle/devtools-open

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

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

#DevToolsTips #Chrome #Developer