How can I keep the “Console Drawer” hidden by defa

Question

When I have DevTools open, there is a little button that toggles Hide Drawer. and Show 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)

Answer 1

THIS SOLUTION NO LONGER WORKS WITH NEW CHROME VERSIONS. THE ICON WAS REMOVED. The working solution was pasted above by Sigma. Pressing the ESC key will toggle the visibility of the panel.

I notice the majority of these answers are over a year old. I had a similiar issue and it's August 2015.

I was overlooking a simple icon: The >_ next to the gear.

You can see the video of the window being shown and hidden to confirm this is the same issue: http://www.youtube.com/watch?v=QOC863BxZNM&hd=1

Answer 2

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:

Answer 3

It is because Spoof User Agent is enabled in your Emulation-tab in the drawer.

Deselect the options below

Answer 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

Answer 5

I had to uncheck that box shown in circle in the newest chrome version (38.*).

Answer 6

At least you can press ESC to toggle the console area hide and show.