Different ways to open Chrome DevTools

Published: 27 October 2022
on channel: Chrome for Developers

102,955

505

Let's take a guess - how many ways are there to open Chrome DevTools? Tell us your favorite ways in the comments below!

Chapters:
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

Links:
Open DevTools → https://goo.gle/devtools-open

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

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

#DevToolsTips #Chrome #Developer

Watch video Different ways to open Chrome DevTools online without registration, duration hours minute second in high quality. This video was added by user Chrome for Developers 27 October 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 102,955 once and liked it 505 people.

181