当你在 Chrome 开发工具中打开控制台时，会看到一个名为“控制台抽屉”的面板，默认情况下是展开的。这个面板包含着许多有用的信息和调试选项，但如果你习惯于不使用它，那么每次打开 Chrome 开发工具时都必须手动关闭它，可能会影响你的工作效率。在本文中，我们将介绍如何保持“控制台抽屉”默认隐藏，以便你可以更快地开始调试代码。
方法一：使用 Chrome 设置
Chrome 提供了一个设置选项，可以让你配置控制台的默认状态。在 Chrome 中输入 chrome://flags 地址，搜索框中输入 “Developer Tools experiments”，然后将此选项设置为 Enabled。现在重启 Chrome，然后在设置菜单的“Experiments”部分中找到 Developer Tools experiments，打开该选项。在“Console drawer”下拉菜单中选择“Hide console drawer by default”，然后重新启动 Chrome 即可。
这种方法非常简单，只需要进行一些简单的设置即可。但是，它需要你改变 Chrome 浏览器的全局设置，因此可能会影响其他方面的功能。
方法二：使用 DevTools 配置文件
如果你不想改变 Chrome 的全局设置，可以使用 DevTools 配置文件。DevTools 配置文件是一个 JSON 文件，包含了一些配置选项和默认值，可以用于自定义 Chrome 开发工具。你可以将控制台抽屉面板的状态配置为隐藏，然后将配置文件保存在本地。
首先，打开 Chrome 开发工具，然后单击“三个点”按钮（位于右上角），选择“Settings”菜单项。在打开的设置面板中，单击“Preferences”选项卡。下拉到最底部，找到“Customize DevTools”部分，然后单击“Open the DevTools drawer”选项卡。
现在你可以编辑 DevTools 配置文件。在“Appearance”部分中，可以找到“consoleDrawer”属性。将其设置为“false”即可隐藏控制台抽屉面板。然后将配置文件保存在本地磁盘上。
{
// ... 其他配置 ...
"appearance": {
"consoleDrawer": false
}
}最后，将保存的配置文件加载到 Chrome 开发工具中。在使用 Chrome 开发工具时，选择“Settings”菜单，然后单击“Preferences”选项卡。在“Customize DevTools”部分中，单击“Load”按钮，然后选择保存的配置文件即可。
这种方法需要你手动编辑配置文件，但是它更为灵活，并且不会影响全局设置。你可以针对每个项目或每个用户使用不同的配置文件。
结论
保持“控制台抽屉”默认隐藏可以提高你在 Chrome 开发工具中的工作效率。本文介绍了两种方法来实现这一目标：使用 Chrome 设置和使用 DevTools 配置文件。选择适合自己的方法进行调整，让你的开发过程更加顺利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12314
