Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

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

Tags:

google-chrome

developer-tools

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?

like image 826
drake035 Avatar asked Mar 20 '17 14:03

drake035

People also ask

What is the shortcut key to open the Chrome developers tool?

Chrome. To open the developer console window on Chrome, use the keyboard shortcut Ctrl Shift J (on Windows) or Ctrl Option J (on Mac). Alternatively, you can use the Chrome menu in the browser window, select the option "More Tools," and then select "Developer Tools."

How do I disable F12 Developer Tools in Chrome?

Click on the Settings button ( Alt + F ) and select Settings from the menu. On the left, click on System, or paste this in the address bar edge://settings/system . Scroll down to the Developer Tools section. Enable or disable the option Open the DevTools when the F12 key is pressed for what you want.

5 Answers

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'

like image 119
runefist Avatar answered Oct 03 '22 15:10

runefist

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.

like image 35
HaveSpacesuit Avatar answered Oct 03 '22 16:10

HaveSpacesuit

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.

like image 44
Niraj Avatar answered Oct 03 '22 14:10

Niraj

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

It includes the much-needed

Close the active tab: Alt+W

like image 20
Spikolynn Avatar answered Oct 03 '22 14:10

Spikolynn

MAC OS:

Cmd + Alt(option) + i

  • works to open/hide an inspector

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

like image 34
skywinder Avatar answered Oct 03 '22 14:10

skywinder
Sign in to Comment

Related questions

SVG transform="rotate(180)" does not work in Safari 11
JavaScript speechSynthesis.speak() without user activation is no longer allowed since M71
selenium.common.exceptions.WebDriverException: Message: invalid session id using Selenium with ChromeDriver and Chrome through Python
Can you run multiple Chrome instances with different proxies?
Do Chrome extensions support WebSpeech API?
View and Set HTTP headers for Safari/Chrome
navigator.serviceWorker.controller is always null
Debug Java Script with Visual Studio 2015 on Chrome or Firefox
Why can't I access 'window' in an exposeFunction() function with Puppeteer?
Why doesn't the javascript replace global flag work in Chrome or IE, and how to I work around it?
Can you add new CSS properties in Chrome Inspector?
Overflow: hidden is not working with images
How to get browsing history using history API in Chrome extension
Change the Chrome extension icon
Chrome not loading new styles after css update
Google Chrome Stripping nonce values from script tags
Google Chrome Extension Manipulate DOM of Open or Current tab
Setting a proxy for Chrome Driver in Selenium
How to control the download of files with Selenium + Python bindings in Chrome
Chrome browser automatically scrolling down the content (when nobody asked it to)

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!