CODEWITHSUNDEEP
macosgoogle-chrome-devtools
Jase Whatson
Jase Whatson

Reputation: 4207

Google Chrome dev tools automatically opens the 'drawer' pane

As of a few days ago, whenever I open the developer tools in Chrome on OSX the 'drawer' automatically opens - 2nd screen shot

The icon in blue shows/hides the drawer (now defaults to on) - First screen shot

The icon in blue shows/hides the drawer (now defaults to on)

enter image description here

This is so annoying and I cant figure out a way to stop this behaviour. It never did this before....

Upvotes: 18

Views: 10794

Answers (6)

user3893773
user3893773

Reputation: 111

Further to Ed's solution (which did fix my problem) the issue appears to be that the whatever page you are viewing is generating a console error- which in this case just happens to be a SourceMap error.

Because the default tab on the Dev Tools pane is "Elements" it appears that Chrome opens the console drawer so that the error message is visible when you reload. Rearranging the tabs in the Dev Tools so that console is the first item solves the issue, and I could re-enable SourceMap errors.

Upvotes: 0

Ed .
Ed .

Reputation: 6403

Offering Phil Rykoff's comment as a solution...

Disabling JavaScript source maps seems to do the trick for me.

Settings > Enable JavaScript source maps

I was getting an error parsing my source maps so this could well be the cause for those with similar errors:

Failed to parse SourceMap: https://myapp/vendor.map

Upvotes: 6

mathijsuitmegen
mathijsuitmegen

Reputation: 2318

  1. In the DevTools, click the hamburger-icon.
  2. Click 'Hide console'

How to hide the console and keep it hidden

Upvotes: -1

astroanu
astroanu

Reputation: 3971

Found the solution press the "Escape" key when you're on the Developer Tools

Upvotes: 0

hidro
hidro

Reputation: 12541

There is also a setting under Appearance -> Show 'Emulation'/'Rendering' view in console drawer which will turn them off by default. But if you have some overrides then the panel still popup when you open Developer Tools.

Upvotes: 1

StyleMeetsCanvas
StyleMeetsCanvas

Reputation: 304

This was annoying me to no end and I could never figure out why it was automatically opening. Apparently the fix, at least in my case, is that I went into the Emulation tab inside of the drawer and disabled any of the overrides. Everything in blue is highlighted as an override. Disabling those seems to have fixed the problem for me.

Upvotes: 18

Related Questions