如何在 chrome 开发工具源视图中显示控制台答案

【问题标题】：how to show console in chrome dev tools sources view如何在 chrome 开发工具源视图中显示控制台
【发布时间】：2015-12-15 15:26:23
【问题描述】：

这似乎是一个非常基本的问题，我可能只是没有看到按钮，但我永远无法弄清楚如何在 chrome devtools 的源选项卡中显示控制台。它对我来说是这样打开的，所以我知道这是可能的，但是如果我打开它时它没有显示，我可以把它打开

【问题讨论】：

【解决方案1】：

我认为您正在寻找“显示抽屉”按钮。好像

>_

devtool 关闭 (x) 按钮左侧 3 个位置。

【讨论】：

【解决方案2】：

我在接受的答案中找不到“显示抽屉”按钮。也许在过去的一年半里它已经被删除了。我在右上角的“三个垂直点”选项菜单中找到了它。

这也可以用Esc 键切换

【讨论】：

【解决方案3】：

在堆栈检查器的右上角，单击“x”旁边的“⋮”。然后，单击“显示控制台抽屉”。您也可以按 Escape 键。

。 .

【讨论】：

这在今天仍然有效。您可以看到如果您经常使用退出键很容易意外关闭。
这些图片很有帮助，但它们也很大，不能同时放在我的屏幕上（相当标准的 4:3 桌面显示器）。如果您可以调整它们的大小，使它们足够小以同时可见，这将是这里的最佳答案。

【解决方案4】：

如果您在三个垂直点旁边的顶部栏中显示任何错误或警告，只需单击这些指示器也将打开抽屉，但最简单的切换方法是按 Esc，就像其他人指出的那样。

【讨论】：

【解决方案5】：

您可以使用键盘快捷键Ctrl + Tilde 来显示控制台。注意：波浪号是Esc 和Tab 键之间的~ 键。

【讨论】：

【解决方案6】：

当我不小心关闭它时，我也永远找不到它。这是来自 Chrome 的更新屏幕截图，版本 83.0.4103.116（官方构建）（64 位）。它位于右上角的“设置”按钮旁边，位于“关闭”图标下方。单击垂直省略号，然后您将看到选项显示控制台抽屉。

【讨论】：