New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.
Starred by 30 users
Status: Fixed
Owner:
Last visit > 30 days ago
Closed: Jul 2010
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Feature

Restricted
  • Only users with Commit permission may comment.



Sign in to add a comment
keyboard shortcut for "inspect" button in DevTools
Reported by kud...@gmail.com, Dec 6 2009 Back to list
Chrome Version       : 4.0.264.0 (Ubuntu build 33819)

Currently inspect button is rather small and located in lower left corver - 
that's not really convinient comparing to Firebug. But instead of just making 
more bigger button I find it much more usefull to have keyboard shortcut like 
ctrl+shift+f or smth.


 
Labels: -Type-Bug -Area-Misc Type-Feature Area-DevTools
Status: Untriaged
Labels: -Area-DevTools Area-Feature Feature-DevTools
Labels: -Area-Feature Area-UI
Comment 4 by mus...@gmail.com, Feb 18 2010
came here from the search engine looking for this exact functionality... 
Comment 5 by Deleted ...@, Feb 26 2010
I'm in the same boat. If there was an inspect element hotkey similar to firebug, i'd ditch 
FF altogether.
Comment 6 by shch...@gmail.com, Apr 14 2010
Me, too. Chrome shoould allow us to set hotcut to inspect element And
when inspecting css rule, they should allow fast css rule adding to dom by just double 
clicking the css blank area, currently we have to click the right setting button near 
styles and click new style rule..very trouble for web development.
Agreed, definitely not sure why a keyboard shortcut has not been implemented for this yet. Assuming they 
working on a larger shortcut system for making shortcuts for all different elements across Chrome. If not though, 
we need this. Like others, Firebug is the one reason why I open Firefox everyday. Wekkit Inspect looks much 
more 2.0, but functionality wise isn't their yet. 
Comment 8 by Deleted ...@, May 3 2010
Ditto - at least make the right-click dialog allow you to roll the cursor over objects 
like the inspector icon provides.  The FireFox Web Developers Toolbar seems to have the 
right idea. 

And turn the dang line-wrap off in the developer tool window!
And stop re-loading the page when you view source! I need my session data!

Chrome Rocks - cheers
Agree, in Firefox I used Ctrl+Shift+C.
At least a plug-in to do it! Please :)
WFM.  Ctrl+Shift+I

6.0.462.0 (52030) Ubuntu 9.10

How long has that keyboard shortcut been around?
Comment 12 by temo...@gmail.com, Jul 13 2010
Ctrl+Shift+i is not "inspect". It's "open dev tools", from where you can go to elements tab and click the inspect button. Direct shortcut for "select element for inspect mode" is a different thing.
Status: Started
Labels: UI-Needed
The following revision refers to this bug:
    http://src.chromium.org/viewvc/chrome?view=rev&revision=52651 

------------------------------------------------------------------------
r52651 | apavlov@chromium.org | 2010-07-16 04:58:48 -0700 (Fri, 16 Jul 2010) | 11 lines
Changed paths:
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/app/chrome_dll.rc?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/app/chrome_dll_resource.h?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/browser.cc?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/browser.h?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/debugger/devtools_manager.cc?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/debugger/devtools_manager.h?r1=52651&r2=52650
   A http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/debugger/devtools_toggle_action.h
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/debugger/devtools_window.cc?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/debugger/devtools_window.h?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/extensions/extensions_ui.cc?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/external_tab_container_win.cc?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/global_keyboard_shortcuts_mac.mm?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/gtk/accelerators_gtk.cc?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/views/accelerator_table_gtk.cc?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/views/extensions/extension_popup.cc?r1=52651&r2=52650
   M http://src.chromium.org/viewvc/chrome/trunk/src/chrome/chrome.gyp?r1=52651&r2=52650

Add "Inspect Element" shortcut to browser tabs.

If the DevTools window is closed, it gets opened, and the Inspect Element tool is enabled. If the DevTools window is opened, the inspected tab remains focused with the Inspect Element tool enabled.
If the Inspect Element tool is enabled, it gets turned off.

The shortcut is Ctrl-Shift-C for Win/Linux, Cmd-Shift-C for Mac

BUG= 29532 
TEST=manual

Review URL: http://codereview.chromium.org/3011002
------------------------------------------------------------------------

Status: Fixed
Comment 17 by kud...@gmail.com, Jul 19 2010
Thanks a lot!
 Issue 44056  has been merged into this issue.
Thank you =)
I have build 6.0.472.25 dev on WinXP and Control+shift+c does nothing. Has it been released yet?
Comment 21 by kud...@gmail.com, Aug 11 2010
I'm using nightly builds and currently run 6.0.487.0 version -- Ctrl+shift+c works for me. And it has been working for last 2-3 weeks 
Is this selecting elements in the inspector while hovering?
Comment 23 by kud...@gmail.com, Aug 11 2010
@dukeofgaming Yes. "If the DevTools window is closed, it gets opened, and the Inspect Element tool is enabled."
@robertmarkbram Could you have a global system shortcut installed for Ctrl+Shift+C, similar to the cause of http://code.google.com/p/chromium/issues/detail?id=49907 ?
apavlov@chromium.org How embarrassment! I do indeed have an Autohotkey assignment for control+shift+c to be "copy and append to clipboard". Suspending that, I find that Chrome's short-cut does indeed work. Thanks to all!

Rob
:)
Thank you!
Comment 27 by Deleted ...@, Dec 31 2010
Just found this short-cut and it's a big time saver!
Comment 28 Deleted
Labels: -UI-Needed bulkmove Review-UI
Summary: keyboard shortcut for "inspect" button in DevTools (was: NULL)
Chrome Version       : 4.0.264.0 (Ubuntu build 33819)

Currently inspect button is rather small and located in lower left corver - 
that's not really convinient comparing to Firebug. But instead of just making 
more bigger button I find it much more usefull to have keyboard shortcut like 
ctrl+shift+f or smth.
If the DevTools window is closed, it gets opened, and the Inspect Element tool is enabled. If the DevTools window is opened, the inspected tab remains focused with the Inspect Element tool enabled.
If the Inspect Element tool is enabled, it gets turned off.

That's not how it works but instead when you first time press it opens the DevTool window. Next time it closes it! That's a pain!

Hey google, keep it open and just toggle the feature on/off on each subsequently press!
"That's not how it works but instead when you first time press it opens the DevTool window. Next time it closes it! That's a pain!"

Agreed whole-heartedly. Please fix this.
Yes please, it kind of feels wrong having to press the shortcut twice most of the times.
I also would like webkit inspector to act as mentioned above.
+1 for changing the way this works.

I want to inspect a right click context menu replacement. Clicking on "Inspect Element" button or Ctrl+Shift+C performs an action which closes the Context Menu. 

Firebug has the ability to press the keyboard shortcut combination and it does not effect the context menu.
+1 for changing the way this works.

I want to inspect a right click context menu replacement. Clicking on "Inspect Element" button or Ctrl+Shift+C performs an action which closes the Context Menu. 

Firebug has the ability to press the keyboard shortcut combination and it does not effect the context menu.
Comment 36 by dpa...@gmail.com, Dec 5 2011
To the devs: please add this Ctrl+Shift+C shortcut to the help overlay (invoked by F1 in CDT).
Inspect element window pops up randomly when typing. Often sends my browser into a glitchy flashing frozen brick of brokenness. Only recently has this been happening. 
Comment 38 by Deleted ...@, Feb 16 2012
THANK YOU!!!!!!
Comment 39 by da...@unglued.org, May 3 2012
As a few have pointed out, this does not work as spec'ed:

"If the DevTools window is closed, it gets opened, and the Inspect Element tool is enabled. If the DevTools window is opened, the inspected tab remains focused with the Inspect Element tool enabled.
If the Inspect Element tool is enabled, it gets turned off."

When using the shortcut:  If the DevTools window is Opened BUT NOT FOCUSED in some way, the DevTools are closed. Try it -- hit the shortcut, you're inspecting. this works, until you interact with the page in some way. THEN, the next time you hit the shortcut.

This is so tedious, I can't believe it's still broken. Try the same thing in Firefox/Firebug and you will see how it should work. Shift-control-C should toggle INSPECTING; it should not close the dev window.

If you only inspect once in a while, for a short time, this is fine behavior, but for an actual web developer, working on a site, with the DevTools window basically open all the time, the current behavior is maddening.
Agree, the only way to explicitly close the inspector should be F12
Now, I do remember the behavior described in this ticket (like in c39 and c30)

But I believe as of Chrome 19 (the newest release that shipped earlier this week), it's all fixed! Upgrade and doublecheck. :)
Comment 42 by da...@unglued.org, May 18 2012
Verified, it works as intended now in Chrome 19. Turning on the inspector feels faster too.

Like taking a stone out of my shoe. Thanks!
Nice!, thanks!
Project Member Comment 44 by bugdroid1@chromium.org, Oct 13 2012
Labels: Restrict-AddIssueComment-Commit
This issue has been closed for some time. No one will pay attention to new comments.
If you are seeing this bug or have new data, please click New Issue to start a new bug.
Project Member Comment 45 by bugdroid1@chromium.org, Mar 11 2013
Labels: -Feature-DevTools -Area-UI Cr-Platform-DevTools Cr-UI
Sign in to add a comment