如何在 Firefox DevTools 中激活多行命令行？答案

【问题标题】：How to activate multi-line command line in Firefox DevTools?如何在 Firefox DevTools 中激活多行命令行？
【发布时间】：2017-01-31 01:31:59
【问题描述】：

如何让 Firefox DevTools 的控制台多行？我知道 Shift+Enter 键盘快捷键，它使命令行转到下一行。虽然就像在 Firebug 中一样，我想将我的控制台垂直分离为命令行和结果部分，但我找不到那个功能。

【问题讨论】：

您的屏幕截图实际上显示了带有 Firebug 主题的 Firefox DevTools，而不是 Firebug。请参阅related Mozilla blog post。
我现在已经编辑了您的问题以反映这一点。

【解决方案1】：

Firefox Developer version(v70) 具有多行控制台，可以使用 ctrl+b 激活（至少在 linux 上，我还没有找到官方文档中的快捷方式）。所以我猜这很快就会出现在主线FF中。

【讨论】：

【解决方案2】：

你可以试试scratchpad。转到Settings >> Available Toolbox Buttons 和check scratchpad 的框。参考screenshot：

完成后，您将在右侧的developer console navigation bar 中拥有一个notepad-like 图标...。点击它会打开一个scratch pad，你可以在上面写code和execute...

祝你好运。

【讨论】：

【解决方案3】：

Firefox DevTools 的命令行具有“智能多行”功能。这意味着它会检测命令何时未完成并自动插入换行符，例如当你写 document. 并点击 Enter 时。正如您所提到的，您还可以通过按 Shift+Enter 手动插入换行符。

DevTools 还提供了一个完全独立的命令编辑器面板，名为 Scratchpad，您可以通过 settings（在 Default Developer Tools* 部分下）启用它。

目前没有像Firebug的Command Editor这样的侧面板多行编辑器，但它是already requested。

【讨论】：