Is there a shortcut to CLOSE Chrome's developer tool?

Question

I know about F12 and CTRL + SHIFT + C shortcuts but I can't find anywhere a shortcut to close the developer tools window on Chrome. Is there one?

Answer 1

In case anyone else is looking for how to close the (I didn't know it was a "drawer"), when you're looking at some other Dev Tools tab (e.g. Elements), you simply want to hit ⎋ a.k.a. the Escape key 🤦🏻‍♂️.

This works for both Windows and Mac.

Answer 2

MAC OS:

Cmd + Alt(option) + i

• works to open/hide an inspector

---

ps please check accepted question. I updated it with full detils.

Answer 3

DOCKED Developer tools!

Open/close developer tool (re-open last tab (start with 'Elements'):

• WIN: CTRL + SHIFT + I
• MAC OS: CMD + ALT + I

Open/close developer tool (console tab)

• WIN: CTRL + SHIFT + J
• MAC OS: CMD + SHIFT + J

F12 = open/close developer tool (re-open last tab (start with 'Elements')

UNDOCKED Developer tools -> Same as above but the first two create multiple tabs where F12 should close the tab :)

If you need any other shortcut of chrome please try the website given below, but I am not sure if everything is on it... The CTRL + SHIFT + I is not even on it (when writing this)...

Website: 'https://support.google.com/chrome/answer/157179?hl=en'

Answer 4

For Mac OS it's cmd + alt(option) + j. This will toggle the developer tool. One can also use cmd + shift + c for inspect element.

Answer 5

The Developer Tools keyboard shortcuts for Mac and Others are now listed here.

It includes the much-needed

Close the active tab: Alt+W

Answer 6

If the DevTools window is docked, F12 or CtrlShiftI will close the window.

If the DevTools window is undocked in a separate window, CtrlW will close it if it is the active window.

You can use CtrlShiftD to toggle between a docked and undocked DevTools window.

So if the window is undocked, you can quickly press CtrlShiftD,I to close it.

More shortcuts here.