Different ways to open Chrome DevTools | DevTools Tips

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


Duration: 4:43
45,180 views
329

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 → 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


2022-11-29New in Chrome 108: New viewport size units, COLRv1 support for variable fonts, and more!
2022-11-28Chrome 108 - What’s New in DevTools
2022-11-23Thinking on ways to solve CARD STACK
2022-11-22Season 3 recap & what’s next | The CSS Podcast
2022-11-17Let's talk Accessibility with Carie Fisher and Melanie Sumner
2022-11-15Nesting | The CSS Podcast
2022-11-09SVG Masks #Shorts
2022-11-08Subgrid | The CSS Podcast
2022-11-01Media query range syntax | The CSS Podcast
2022-11-01Topics API demo and colab walkthrough
2022-10-27Different ways to open Chrome DevTools | DevTools Tips
2022-10-26Thinking on ways to solve TRANSITIONS
2022-10-26Color functions: An update | The CSS Podcast
2022-10-25New in Chrome 107: Better screen sharing, render blocking resources, Pending Beacon API, and more!
2022-10-25Scroll-Linked Animations with ScrollTimeline and ViewTimeline | HTTP 203
2022-10-20Chrome 107 - What’s New in DevTools
2022-10-19Improving :focus #Shorts
2022-10-18:has() - The CSS Podcast
2022-10-11Inert | The CSS Podcast
2022-10-11How rotate(0) fixed my transform animation | HTTP 203
2022-10-06Container queries | The CSS Podcast


Tags:
Chrome
Developers
Google
Web
Chrome Devtools
chrome developer tools
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
different ways to open devtools
how to open devtools
the different ways to open devtools