When I have DevTools open, there is a little button that toggles Hide Drawer. and Show Console.. Besides being inconsistently named, the 'drawer' is very annoying to me because it takes up so much of the little screen real estate allotted for devtools (i'm bottom docked). How can I keep this 'drawer' closed permanently? Or if I can't do that, can I at least keep the height of it as low as possible? (it returns to a default height every time I open it)
当我打开DevTools时，会有一个小按钮用来切换隐藏抽屉。并显示控制台。除了不稳定的名字之外，这个“抽屉”对我来说很烦人，因为它占用了很多的小屏幕空间，分配给了devtools(我是最下面的)。我怎样才能把这个“抽屉”永久地关上呢?或者如果我做不到，我能不能让它的高度尽可能低?(每次我打开它，它都会返回到默认高度)
11 个解决方案
#1
37
I solved same problem removing the flag from "Spoof user agent" option under the "Emulation" tab (I don't even know why it was flagged!).
我解决了同样的问题，在“模拟”选项卡下移除“Spoof user agent”选项中的标记(我甚至不知道它为什么会被标记!)
#2
79
At least you can press ESC to toggle the console area hide and show.
至少您可以按ESC来切换控制台区域隐藏和显示。
#3
70
None of the previous answers worked for me. All of my emulation tab options are cleared/reset. I'm not sure if it's new but it turns out that there is a "Toggle emulation" button on the left side, next to the search icon. Mine was blue so I clicked on it to make it non-blue. Screenshot is below. Now, all is happy. That was so frustrating!
以前的回答都不适合我。我的所有仿真选项卡选项都被清除/重置。我不确定它是不是新的，但是在搜索图标旁边有一个“切换模拟”按钮。我的是蓝色的，所以我点击它使它是非蓝色的。截图如下。现在,一切都是快乐。那是如此令人沮丧!
#4
23
Apparently there is a show / hide console button next to the setting button. info and screenshot here - https://developers.google.com/chrome-developer-tools/docs/console#opening_the_console
显然，在设置按钮旁边有一个show / hide控制台按钮。这里的信息和屏幕截图- https://developers.google.com/chrome- development -tools/docs/console#opening_the_console。
#5
19
My problem was that the Console was enabled in the chrome menu, you can turn it off by clicking on the Console option in the dev tools settings:
我的问题是在chrome菜单中启用了控制台，你可以在dev工具设置中点击控制台选项来关闭它:
#6
9
THIS SOLUTION NO LONGER WORKS WITH NEW CHROME VERSIONS. THE ICON WAS REMOVED. The working solution was pasted above by Sigma. Pressing the ESC key will toggle the visibility of the panel.
这个解决方案不再适用于新的CHROME版本。图标被移除。用Sigma键将工作溶液涂在上面。按ESC键将切换面板的可见性。
I notice the majority of these answers are over a year old. I had a similiar issue and it's August 2015.
我注意到大多数的答案都是超过一年的。我有一个相似的问题，现在是2015年8月。
I was overlooking a simple icon: The >_ next to the gear. 
我忽略了一个简单的图标:在齿轮旁边的>。
You can see the video of the window being shown and hidden to confirm this is the same issue: http://www.youtube.com/watch?v=QOC863BxZNM&hd=1
您可以看到显示和隐藏窗口的视频，以确认这是同一个问题:http://www.youtube.com/watch?v=QOC863BxZNM&hd=1
#7
6
When the "drawer" is open look into the "emulation" tab, then click on "reset." Close dev tool (F12) and then reopen it (F12). The "drawer" is hidden by default.
当“抽屉”打开时，查看“模拟”选项卡，然后单击“重置”。关闭dev工具(F12)，然后重新打开它(F12)。默认情况下，“抽屉”是隐藏的。
My Chrome Version: 32.0.1700.77
我的Chrome版本:32.0.1700.77
The response of Darko works, I propose another way to solve this problem.
在Darko的回应中，我提出了另一种解决这个问题的方法。
I hope this helps someone.
我希望这能帮助某人。
#8
2
click Restore Defaults and Reload in Dev tools Setting right bottom
在右下角的开发工具中单击“恢复默认值”和“重新加载”
my chrome version is 37
我的chrome版本是37
in my case reset in emulation does not worked although i had tried it recently and it was the root cause
在我的例子中，在仿真中重置不起作用，尽管我最近尝试过，它是根本原因
#9
1
It is because Spoof User Agent is enabled in your Emulation-tab in the drawer.
这是因为在折叠项的模拟器-选项卡中启用了假用户代理。
Deselect the options below
取消选择下面的选项
#10
0
I had the same problem, and also a frame around the page with pixels lenght of page (kind of rulers if you use PSD) with options for device width. I've solved clicking on restore default options. Hope can help someone.
我也遇到了同样的问题，在页面周围有一个带有像素的边框(如果你用PSD的话，这是一种标尺)，带有设备宽度的选项。我已经解决了点击恢复默认选项。希望可以帮助别人。
#11
0
I had to uncheck that box shown in circle in the newest chrome version (38.*).
在最新的chrome版本(38.*)中，我不得不取消勾选循环显示的框。
#1
37
I solved same problem removing the flag from "Spoof user agent" option under the "Emulation" tab (I don't even know why it was flagged!).
我解决了同样的问题，在“模拟”选项卡下移除“Spoof user agent”选项中的标记(我甚至不知道它为什么会被标记!)
#2
79
At least you can press ESC to toggle the console area hide and show.
至少您可以按ESC来切换控制台区域隐藏和显示。
#3
70
None of the previous answers worked for me. All of my emulation tab options are cleared/reset. I'm not sure if it's new but it turns out that there is a "Toggle emulation" button on the left side, next to the search icon. Mine was blue so I clicked on it to make it non-blue. Screenshot is below. Now, all is happy. That was so frustrating!
以前的回答都不适合我。我的所有仿真选项卡选项都被清除/重置。我不确定它是不是新的，但是在搜索图标旁边有一个“切换模拟”按钮。我的是蓝色的，所以我点击它使它是非蓝色的。截图如下。现在,一切都是快乐。那是如此令人沮丧!
#4
23
Apparently there is a show / hide console button next to the setting button. info and screenshot here - https://developers.google.com/chrome-developer-tools/docs/console#opening_the_console
显然，在设置按钮旁边有一个show / hide控制台按钮。这里的信息和屏幕截图- https://developers.google.com/chrome- development -tools/docs/console#opening_the_console。
#5
19
My problem was that the Console was enabled in the chrome menu, you can turn it off by clicking on the Console option in the dev tools settings:
我的问题是在chrome菜单中启用了控制台，你可以在dev工具设置中点击控制台选项来关闭它:
#6
9
THIS SOLUTION NO LONGER WORKS WITH NEW CHROME VERSIONS. THE ICON WAS REMOVED. The working solution was pasted above by Sigma. Pressing the ESC key will toggle the visibility of the panel.
这个解决方案不再适用于新的CHROME版本。图标被移除。用Sigma键将工作溶液涂在上面。按ESC键将切换面板的可见性。
I notice the majority of these answers are over a year old. I had a similiar issue and it's August 2015.
我注意到大多数的答案都是超过一年的。我有一个相似的问题，现在是2015年8月。
I was overlooking a simple icon: The >_ next to the gear.
我忽略了一个简单的图标:在齿轮旁边的>。
You can see the video of the window being shown and hidden to confirm this is the same issue: http://www.youtube.com/watch?v=QOC863BxZNM&hd=1
您可以看到显示和隐藏窗口的视频，以确认这是同一个问题:http://www.youtube.com/watch?v=QOC863BxZNM&hd=1
#7
6
When the "drawer" is open look into the "emulation" tab, then click on "reset." Close dev tool (F12) and then reopen it (F12). The "drawer" is hidden by default.
当“抽屉”打开时，查看“模拟”选项卡，然后单击“重置”。关闭dev工具(F12)，然后重新打开它(F12)。默认情况下，“抽屉”是隐藏的。
My Chrome Version: 32.0.1700.77
我的Chrome版本:32.0.1700.77
The response of Darko works, I propose another way to solve this problem.
在Darko的回应中，我提出了另一种解决这个问题的方法。
I hope this helps someone.
我希望这能帮助某人。
#8
2
click Restore Defaults and Reload in Dev tools Setting right bottom
在右下角的开发工具中单击“恢复默认值”和“重新加载”
my chrome version is 37
我的chrome版本是37
in my case reset in emulation does not worked although i had tried it recently and it was the root cause
在我的例子中，在仿真中重置不起作用，尽管我最近尝试过，它是根本原因
#9
1
It is because Spoof User Agent is enabled in your Emulation-tab in the drawer.
这是因为在折叠项的模拟器-选项卡中启用了假用户代理。
Deselect the options below
取消选择下面的选项
#10
0
I had the same problem, and also a frame around the page with pixels lenght of page (kind of rulers if you use PSD) with options for device width. I've solved clicking on restore default options. Hope can help someone.
我也遇到了同样的问题，在页面周围有一个带有像素的边框(如果你用PSD的话，这是一种标尺)，带有设备宽度的选项。我已经解决了点击恢复默认选项。希望可以帮助别人。
#11
0
I had to uncheck that box shown in circle in the newest chrome version (38.*).
在最新的chrome版本(38.*)中，我不得不取消勾选循环显示的框。