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

时间:2013-12-28 21:40:09

标签: javascript google-chrome console google-chrome-devtools

当我打开DevTools时,会有一个小按钮切换Hide Drawer.Show Console.。除了名字不一致之外,'抽屉'对我来说非常烦人,因为它占用了大量的为devtools分配的小屏幕空间(我是底部停靠)。如何让这个“抽屉”永久关闭?或者,如果我不能这样做,我至少可以保持它的高度尽可能低吗? (每次打开它都会返回默认高度)

12 个答案:

答案 0 :(得分:79)

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

答案 1 :(得分:70)

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

"Toggle emulation" button highlighted in red

答案 2 :(得分:37)

我解决了同样的问题,从"欺骗用户代理" " Emulation"下的选项标签(我甚至不知道它被标记为什么!)。

答案 3 :(得分:23)

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

答案 4 :(得分:19)

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

Turn off Console

答案 5 :(得分:9)

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

我注意到这些答案中的大部分已超过一年。我有一个类似的问题,它是2015年8月。

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

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

答案 6 :(得分:6)

当“抽屉”打开时,请查看“仿真”标签,然后点击“重置”。关闭开发工具(F12)然后重新打开它(F12)。默认情况下隐藏“抽屉”。

我的Chrome版本:32.0.1700.77

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

我希望这有助于某人。

答案 7 :(得分:2)

点击开发工具设置右下角的恢复默认值并重新加载

我的Chrome版本是37

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

答案 8 :(得分:1)

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

取消选择以下选项

The spoof user agent

答案 9 :(得分:0)

我遇到了同样的问题,并且页面周围还有一个框架,页面的像素长度(如果使用PSD,则为统治者的种类)以及设备宽度选项。我已经解决了点击恢复默认选项的问题。希望可以帮助别人。

答案 10 :(得分:0)

我必须取消选中最新镀铬版本(38。*)中圆圈所示的框。

Hide console

答案 11 :(得分:0)

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