Google Chrome开发工具会自动打开“抽屉”窗格

Question

截至几天前，每当我在OSX上的Chrome中打开开发者工具时，“抽屉”会自动打开 - 第二次屏幕截图

蓝色图标显示/隐藏抽屉（现在默认为开启） - 第一次屏幕截图

这太烦人了，我无法找到一种方法来阻止这种行为。它之前从未这样做过....

Answer 1

这让我感到烦恼，我无法弄清楚为什么它会自动打开。显然，修复，至少在我的情况下，是我进入抽屉内的Emulation选项卡并禁用任何覆盖。蓝色的所有内容都会突出显示为覆盖。禁用这些似乎已经解决了我的问题。

Answer 2

提供Phil Rykoff的评论作为解决方案......

禁用JavaScript源地图似乎对我有用。

Settings＆gt; Enable JavaScript source maps

我在解析源地图时遇到错误，所以这可能是造成类似错误的原因：

  

无法解析SourceMap：https://myapp/vendor.map

Answer 3

当您使用开发者工具时，找到解决方案按“Escape”键

Answer 4

Appearance下还有一个设置 - ＆gt; Show 'Emulation'/'Rendering' view in console drawer默认会将其关闭。但是如果你有一些覆盖，那么当你打开开发人员工具时，面板仍会弹出。

Answer 5

1. 在DevTools中，单击汉堡图标。
2. 点击“隐藏控制台＆＃39;
”

Answer 6

除了Ed的解决方案（确实解决了我的问题）之外，问题似乎是您正在查看的任何页面都会产生控制台错误 - 在这种情况下恰好是SourceMap错误。

由于“开发工具”窗格上的默认选项卡为“元素”，因此Chrome会打开控制台抽屉，以便在您重新加载时显示错误消息。重新安排开发工具中的选项卡，以便控制台是第一个解决问题的项目，我可以重新启用SourceMap错误。