Firefox Dev Tools - 它有多行控制台吗?

Firefox Dev Tools - Does it have a multiple line console?

Firefox Dev Tools 是否有允许控制台以多行模式运行的设置?我的几个同事建议我使用 Chrome/Opera 开发工具,或者至少 Firebug。

技术信息

Firefox 版本:49.0.1,无附加组件。

在 write/develop Web 应用程序时主要使用 Opera 和 Opera 开发工具。但是,为了跨浏览器的兼容性,有时需要在特定的浏览器中调试应用程序。

我不使用 Firebug,因为 Firebug 有问题。 Firefox 的内置开发工具比 Firebug 中的开发工具更好用。此外,内置工具比 Firebug.

中的工具更稳定

我知道 Firefox 的 Scratchpad 和 Split 控制台模式。目前,当我需要不止一行进行调试时,我会在拆分控制台模式下使用 Scratchpad 来调试我的 Web 应用程序中的内容。但是,无法看到 DOM 使此方法处于严重劣势。

根据 Firefox 的 Web 控制台键盘快捷方式页面 (https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Keyboard_shortcuts#Command_line_interpreter),您可以使用 "Shift + Return (Enter)" 按钮在控制台中输入多行表达式。

没有将控制台置于多行模式的设置,因为 Firefox 开发工具不需要这样的设置。

I don't use Firebug, because Firebug is buggy. Firefox's built-in Development tools work better than those in Firebug. Plus, the built-in tools are more stable than those in Firebug.

请注意,Firebug 不再像以前那样存在。 Firefox 正在变成多进程,Firebug 与它不兼容。所以现在,Firebug 和原生 DevTools 已经合二为一了。

Does Firefox Dev Tools have a setting that allows the console to operate in a multiple line mode?

没有这方面的设置,但有两种方法可以让控制台在多行模式下运行:

  • 如果您在键盘上按下 shift+Enter,将创建一个新行
  • 如果您创建一个新块并按回车键,也会创建一个新行,而不是提交无效的 JS 表达式。

例如,如果您输入 let a = { 然后按回车键,则提示将转到下一行并让您完成输入正在创建的新对象的属性。 如果您随后在下一行输入 } 并按回车键,那么将提交整个 let a = { } 表达式。