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
This is so annoying and I cant figure out a way to stop this behaviour. It never did this before....
toolbar. enabled''' - double-click the entry and toggle its value to '''false'''. this will generally disable the developer toolbar after you restart the browser.
In Chrome, pressing the F12 key or Ctrl + Shift + I (or Command + option + I on a Mac) also brings up the interactive developer tools.
Tip: You can automatically open Chrome DevTools in each new tab! Just pass the --auto-open-devtools-for-tabs flag to Chrome. You can see a preview of this in action below. That's it!
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.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With