up vote 11 down vote favorite
4
share [g+] share [fb]

Google Chrome has a Firebug-like feature where you click on a page element and choose "Inspect Element".

I am always jumping into the Resources view to look at HTTP requests.

Is there a keyboard shortcut to open this tool?

link|improve this question
80% accept rate
Official docs & more useful shortcuts: Chrome Developer Tools: Keyboard Shortcuts – Maugly Apr 14 '11 at 12:16
Here are useful informations; code.google.com/chrome/devtools/docs/overview.html – Furkan Ekinci Feb 1 at 13:04
feedback

3 Answers

up vote 14 down vote accepted

I just discovered that Ctrl + Shift + I and Ctrl + Shift + C works. Just like Firebug.

On OS X, that's Command + Option + I or Command + Shift + C.

link|improve this answer
Thanks horizens - just what I was looking for. Agreed, the Inspector has gotten so good I no longer have a need for Firebug. Buh-bye, FF. – shacker Nov 30 '10 at 0:56
Changed my answer... having the same shortcut as Firefox is great. – frankadelic Jan 26 '11 at 20:32
Cmd/Ctrl + Shift + C is pretty useful too, since it allows you to select a specific element to inspect without navigating through the context menu. See also developers.google.com/chrome-developer-tools/docs/shortcuts – Jo Liss May 14 at 15:30
feedback
up vote 3 down vote

Ctrl + Shift + I opens the developer tools, to the last section you were in. If you were last in the Resources section then you will see the Resources.

I don't think there is a keyboard short cut specifically for Inspect Element, as this depends on context (ie. the location of the mouse)?

link|improve this answer
Frankadelic really wants to open the Developer Tools to access the Resources panel, not the Elements panel, so Ctrl+Shift+I is a good shortcut to use: it opens the Developer Tools the same way you left them. (Chrome's context menus have very few options, so right-click, Inspect element is common way people suggest getting to any of the Developer Tools via mouse.) – Bavi_H Aug 14 '10 at 0:34
Bavi_H, that's correct. – frankadelic Aug 14 '10 at 16:03
feedback
up vote 2 down vote

actually holding N and right-clicking somewhere on the page opens the inspect window and takes you to the piece of code where you clicked on in tnnnnnnnnhe page. i just found this out.

link|improve this answer
Your typo is unintentionally hilarious :) – frankadelic Feb 22 '11 at 23:22
thanks for the tip man :) – SalmanPK Dec 3 '11 at 2:18
+1 for a specific point on the page (even if the OP only wanted the general window). This is nice for hover issues, leaving the mouse right where it is, without having to move the mouse down the popup menu. – goodeye Jan 11 at 3:41
feedback

Your Answer

 
or
required, but never shown
discard

Not the answer you're looking for? Browse other questions tagged or ask your own question.