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?

Solution 1

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'

Solution 2

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.

Solution 3

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.

Solution 4

MAC OS:

Cmd + Alt(option) + i

• works to open/hide an inspector

---

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

Solution 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

View more solutions