Firefox Developer Tools JS编辑器（如firebug）？

Question

有人知道是否有办法在Firefox Developer Tools中显示一个类似于firebug的JavaScript代码编辑器？

我觉得以这种方式在大而复杂的代码上工作会更方便，我可以看到右侧的代码和左侧的结果。

Answer 1

Firefox DevTools有一个名为Scratchpad的东西，它类似于Firebug的代码编辑器。

这是a separate window，但也有办法将其作为a panel inside DevTools。

此外，它支持保存/打开脚本的功能，具有基于tern的自动完成功能，漂亮的打印功能，甚至可以让您在浏览器上下文中执行代码（如果您曾在Firefox前端工作，这可能很有用 - 结束自己）。

Answer 2

转到Toolbox options（点击F12，然后点击gear图标），在Default Developer Tools下点击Scratchpad（这将在开发人员工具中添加新标签，例如Console＆amp; ...，名为 Scratchpad ，点击Scratchpad即可激活。

正如@pbrosset所说，在Scratchpad中，您可以编写JS代码（非常棒）并使用Ctrl+R（您需要选择的代码）或使用Run按钮，您可以运行代码。结果将显示在Console标签中，如果您想查看Console＆amp; Scratchpad Esc无法移动到标签页，只需点击Toggle split console或点击find controlFiles/ -name "*.txt" | parallel --files --tmpdir logs --tagstr {/.} -j15 --joblog logs/joblog --eta /path/to/command --opt --opt2 /path/to/data /path/to/output {} > logs/logfiles.txt 图标即可。

希望得到这个帮助。

<强>更新

也许你应该试试这个加载项Console Sidebar