每次打开 Chrome DevTools 时,如何默认隐藏“控制台抽屉”?

Posted

技术标签:

【中文标题】每次打开 Chrome DevTools 时,如何默认隐藏“控制台抽屉”?【英文标题】:How can I keep the "Console Drawer" hidden by default every time I open Chrome DevTools? 【发布时间】:2014-01-16 04:00:01 【问题描述】:

当我打开 DevTools 时,有一个小按钮可以切换 Hide Drawer.Show Console.。除了名称不一致之外,“抽屉”对我来说很烦人,因为它占用了分配给开发工具的大量小屏幕空间(我在底部停靠)。我怎样才能永久关闭这个“抽屉”?或者如果我不能这样做,我至少可以保持它的高度尽可能低吗? (每次打开它都会恢复到默认高度)

【问题讨论】:

您使用的是 Canary 吗?我认为这是 Canary 中的一个错误。每次打开 DevTools 时,Stable Chrome 都会隐藏抽屉。 截图?浏览器版本?在我的 Chromium 浏览器 (v31.0.1650.63) 中称为“显示控制台”和“隐藏控制台”。 版本 32.0.1700.41 m Aura 我很高兴不参与其中——你说得对,抽屉很烦人,无法定制。 :// 这件事让我很生气,对此我无能为力 【参考方案1】:

至少你可以按 ESC 来切换控制台区域的隐藏和显示。

【讨论】:

这是对我有用的解决方案!简单的修复是最好的修复 这不是答案,每次刷新页面都会弹出。 每次想要隐藏控制台时按 esc 键都很烦人。应该是默认隐藏控制台的一种方法(有或没有错误) 如果去掉了,怎么找回来? Chrome 的每个版本似乎都在不断进行细微的更改。【参考方案2】:

我解决了从“模拟”选项卡下的“欺骗用户代理”选项中删除标志的相同问题(我什至不知道它为什么被标记!)。

【讨论】:

我还必须取消选中“模拟屏幕” 在仿真选项卡下,启用的选项在左侧标有蓝色复选标记。 没有仿真选项卡。【参考方案3】:

“抽屉”打开后,查看“仿真”选项卡,然后单击“重置”。关闭开发工具 (F12),然后重新打开它 (F12)。 “抽屉”默认是隐藏的。

我的 Chrome 版本:32.0.1700.77

Darko 的回应很有效,我提出了另一种方法来解决这个问题。

我希望这对某人有所帮助。

【讨论】:

【参考方案4】:

这是因为 Spoof User Agent 已在抽屉的Emulation-tab 中启用。

取消选择以下选项

【讨论】:

【参考方案5】:

显然设置按钮旁边有一个显示/隐藏控制台按钮。 信息和截图在这里 - https://developers.google.com/chrome-developer-tools/docs/console#opening_the_console

【讨论】:

谢谢,这让我发疯了 这个移动了,现在你只需点击右上角的三个点,显示/隐藏控制台是一个菜单选项。【参考方案6】:

以前的答案都不适合我。我所有的仿真选项卡选项都被清除/重置。我不确定它是否是新的,但事实证明左侧有一个“切换仿真”按钮,在搜索图标旁边。我的是蓝色的,所以我点击它使其变为非蓝色。截图如下。现在,一切都很幸福。这太令人沮丧了!

【讨论】:

谢谢,这就是我的解决方案! 这个解决了我的问题。 谢谢 - 帮我省了很多麻烦。【参考方案7】:

在开发工具设置右下角点击Restore Defaults and Reload

我的 chrome 版本是 37

在我的情况下,虽然我最近尝试过,但在仿真中重置不起作用,这是根本原因

【讨论】:

【参考方案8】:

我遇到了同样的问题,页面周围还有一个带有像素长度的框架(如果您使用 PSD,则为一种标尺)以及设备宽度选项。我已经解决了单击恢复默认选项的问题。希望能帮到人。

【讨论】:

【参考方案9】:

在最新的 chrome 版本 (38.*) 中,我不得不取消选中圆圈中显示的那个框。

【讨论】:

【参考方案10】:

此解决方案不再适用于新的 Chrome 版本。图标已被移除。 工作溶液由 Sigma 粘贴在上面。 按 ESC 键将切换面板的可见性。

我注意到这些答案中的大多数已经超过一年了。我有一个类似的问题,现在是 2015 年 8 月。

我忽略了一个简单的图标:齿轮旁边的 >_。

您可以看到显示和隐藏窗口的视频,以确认这是同一问题: http://www.youtube.com/watch?v=QOC863BxZNM&hd=1

【讨论】:

截至 2015 年 8 月(Windows 上的 Chrome 版本 46.0.2478.0 dev-m(64 位)),这解决了我的问题,谢谢! 这是最新的答案 我相信大多数人随机打开这个抽屉的原因是因为他们正在按下退出键。当开发者控制台打开时,Escape 键将切换此窗口。 那个图标不存在了。 对我来说,每次刷新页面时它似乎都想弹回打开,这很烦人,因为我将工具停靠在底部并且几乎挡住了整个区域。【参考方案11】:

我的问题是在 chrome 菜单中启用了控制台,您可以通过单击开发工具设置中的控制台选项将其关闭:

【讨论】:

哈利路亚,以上所有,这对我有用。【参考方案12】:

在最新的 chrome 中,有一个“显示每次更新后的新功能”设置(首选项->外观)。取消勾选后,控制台终于不再弹出了。

【讨论】:

以上是关于每次打开 Chrome DevTools 时,如何默认隐藏“控制台抽屉”?的主要内容,如果未能解决你的问题,请参考以下文章

使用 Chrome DevTools 时 Cordova 应用程序崩溃

chrome devtools怎么打开

在 Firebug 或 Chrome DevTools 中检查悬停状态

chrome devtools protocol——Web 性能自动化

如何在 Google Chrome Canary 中打开未捕获异常时暂停?

chrome devtools protocol——Web 性能自动化实践介绍