【发布时间】：2016-12-13 10:30:07
【问题描述】：
有谁知道是否有办法在 Firefox 开发者工具中显示一个类似于 firebug 的 javascript 代码编辑器？
我发现以这种方式处理大型、复杂的代码段更方便，我可以在右侧看到代码，在左侧看到结果。
【问题讨论】：
标签： firefox firebug firefox-developer-tools
【发布时间】：2016-12-13 10:30:07
【问题描述】：
Firefox DevTools 有一个名为 Scratchpad 的东西，它类似于 Firebug 的代码编辑器。
它是a separate window，但也有一种方法可以将它设置为a panel inside DevTools。
此外，它还支持保存/打开脚本的能力，具有基于 tern 的自动完成功能，漂亮的打印，甚至可以让您在浏览器上下文中执行代码（如果您曾经在 Firefox 前端工作，这可能会很有用 -结束自己）。
【讨论】：
-
谢谢。它是对全能 Firebug 的苍白模仿，并且无法将面板放入 DevTools 中。我有一种感觉，你从来没有自己做过，对吗？它只在开发者工具包中放置了一个小按钮，点击后可以打开一个新的暂存器窗口
-
pbrosset 是 Firefox DevTools 团队的一员，所以他知道自己在说什么。请注意，您需要检查 Default Developer Tools 下的选项 Scratchpad，不是 Available 下的选项工具箱按钮.
前往Toolbox options（按 F12，然后点击gear 图标），在Default Developer Tools 下检查Scratchpad（这将在开发者工具中添加新标签，例如 Console & ... 称为 Scratchpad），点击 Scratchpad 以激活它。
正如@pbrosset 所说，在Scratchpad 中，您可以编写JS 代码（这真的很棒）并使用Ctrl+R（您需要为此选择代码 em>) 或使用Run 按钮，您可以运行代码。结果将显示在Console 选项卡中，如果您想查看Console 和Scratchpad 而不移动到它们的选项卡，只需点击Esc 或单击Toggle split console 图标。
希望对您有所帮助。
更新
也许你应该试试这个插件Console Sidebar
【讨论】：
-
您的回答与他的有何不同？是一样的
-
@vsync 我只想详细说明用户如何激活和使用此工具。因为太长了，我决定把它作为答案而不是评论。
-
非常感谢。无论如何，这个工具很烂：/它落后于 Firebug UX
-
@vsync 不客气，不幸的是，Firebug 不再可用于 Firefox您可以通过禁用 e10s 来使用它，但您知道，我认为该工具是还不错，当然，Firefox 开发工具中缺少一些 Firebug 具有的功能，但没有其他选择。让我们希望 Firefox 的团队能够添加更多酷炫的功能。
-
e10s是什么？我还在用 Firefox 和 firebug，什么意思？