How can I keep the "Console Drawer" hidden by default every time I open Chrome DevTools?
Solution 1
I solved same problem removing the flag from "Spoof user agent" option under the "Emulation" tab (I don't even know why it was flagged!).
Solution 2
At least you can press ESC to toggle the console area hide and show.
Solution 3
None of the previous answers worked for me. All of my emulation tab options are cleared/reset. I'm not sure if it's new but it turns out that there is a "Toggle emulation" button on the left side, next to the search icon. Mine was blue so I clicked on it to make it non-blue. Screenshot is below. Now, all is happy. That was so frustrating!
Solution 4
Apparently there is a show / hide console button next to the setting button. info and screenshot here - https://developers.google.com/chrome-developer-tools/docs/console#opening_the_console
Solution 5
My problem was that the Console was enabled in the chrome menu, you can turn it off by clicking on the Console option in the dev tools settings:
![celwell](https://i.stack.imgur.com/SYqxV.jpg?s=256&g=1)
Comments
-
celwell over 3 years
When I have DevTools open, there is a little button that toggles
Hide Drawer.
andShow Console.
. Besides being inconsistently named, the 'drawer' is very annoying to me because it takes up so much of the little screen real estate allotted for devtools (i'm bottom docked). How can I keep this 'drawer' closed permanently? Or if I can't do that, can I at least keep the height of it as low as possible? (it returns to a default height every time I open it) -
Kyle Suss over 10 yearsI also had to uncheck 'Emulate Screen'
-
FbnFgc over 10 yearsUnder the emulation tab, enabled options are flagged with a blue check on the left side.
-
Greg about 10 yearsThanks, this was driving me nuts
-
kipusoep almost 10 yearsThanks, this was the solution for me!
-
triptych almost 10 yearsThis is the one that fixed my issue.
-
Brighty over 9 yearsThank you - saved me loads of annoyance.
-
Dr. Gianluigi Zane Zanettini almost 9 yearsAs of August 2015 (Chrome Version 46.0.2478.0 dev-m (64-bit) on Windows), this solved the issue for me, thanks!
-
bheussler almost 9 yearsThis is the most up to date answer
-
Stephan almost 9 yearsI believe the reason the majority of people randomly getting this drawer open is because they are hitting the escape key. The Escape key will toggle this window when the developer console is open.
-
Noumenon over 8 yearsThis moved, now you just click the three dots in the upper right and Show/Hide console is a menu option.
-
DirtyBirdNJ over 8 yearsThis is the solution that worked for me! Simple fixes are the best fixes
-
Uyghur Lives Matter over 8 yearsThat icon is no longer there.
-
Burjua over 8 yearsThat's not an answer, it keeps popping out everytime the page is refreshed.
-
Chris22 over 8 yearsHallelujah, out of ALL of the above, this worked for me.
-
Yago Riveiro about 8 yearsIt's annoying press esc every time that you want to hide the console. Should be a way to have the console hide by default (with or without errors)
-
Jake Anderson about 8 yearsFor me it seems to want to pop back open every time I refresh the page, it's very irritating because I have the tools docked to the bottom and it blocks out almost the entire area.
-
The Muffin Man over 7 yearsThere is no emulation tab.
-
Chris over 7 yearsIf you get rid of it, how do you get it back?
-
Stephan over 2 yearsEvery version of Chrome seems to keep making minor changes.