In the Chrome developer panel, is there a keyboard shortcut for the element selector?

google-chrome google-chrome-devtools

To open / switch from inspect element mode and browser window, you can do:

  • On Mac - ⌘ + Shift + C

  • On Windows / Linux - Ctrl + Shift + C OR F12

For more useful keyboard shortcuts, refer to the developer tools documentation.


The shortcut is Ctrl+Shift+C (source).

You can also right click any element in a web page and click Inspect element.


Ctrl + Shift + C for linux as well.


On Windows & Linux, to bring up the "Inspect element" pane at the bottom:

  • You can either use: Ctrl+Shift+C

  • OR you can use: F12

While you can usually right click elements in a web page and click Inspect element, it's useful to know these keyboard shortcuts for when a page has JavaScript to disable right-click in that page.


On a Mac you can use ⌘ + ⌥ + I

This is what works for me.

Here's a resource where you can find all these shortcuts https://developers.google.com/web/tools/chrome-devtools/shortcuts

Related

print variable and a string in python
JavaScript Number.toLocaleString() with 4 digits after separator
How to check if data attribute exist with plain javascript?
How to fix: error: '<filename>' does not have a commit checked out fatal: adding files failed when inputting "git add ." in command prompt
Using enum inside types - Compiler warning C4482 C++
Suppress Null Value Types from Being Emitted by XmlSerializer
Coloring grid points with two colors
Show that any set in a metric space can be written as the intersection of open sets
How prove this inequality $\frac{a-b}{b+c}+\frac{b-c}{c+d}+\frac{c-d}{d+e}+\frac{d-e}{e+a}+\frac{e-a}{a+b}\ge 0$
What's the explicit categorical relation between a linear transformation and its matrix representation?
Integer reciprocals in arithmetic progression
Why is $\log(n!)$ $O(n\log n)$?