How can I keep the "Console Drawer" hidden by default every time I open Chrome DevTools?

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)


Solution 1:

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

Solution 2:

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!

"Toggle emulation" button highlighted in red

Solution 3:

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 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:

Turn off Console