Firefox开发工具JS编辑器（如萤火虫）？ [英] Firefox Developer Tools JS editor (like firebug)?

问题描述

有谁知道是否有方法在Firefox Developer Tools中显示JavaScript代码编辑器像萤火虫的？

我发现在大型复杂的代码上工作这种方式更加方便，在这里我可以看到右侧的代码和结果在Firefox的开发工具中有一些名为 -US / docs / Tools / Scratchpadrel =nofollow noreferrer> Scratchpad ，类似于Firebug的代码编辑器。 >这是一个单独的窗口，但有一种方法可以让它作为 DevTools中的一个面板。另外，它支持保存/打开脚本，基于tern，漂亮的打印自动完成，甚至可以让你在浏览器上下文执行代码（这可能是有用的，如果你曾经在Firefox前端本身）。

Does anybody knows if there is a way to show a javascript code editor in Firefox Developer Tools which looks like firebug's?

I find it a lot more convenient to work this way on large, complex pieces of code, where I can see the code on the right side and the result on the left.

解决方案

Firefox DevTools has something called Scratchpad which resembles the code editor of Firebug.

It's a separate window, but there's a way to have it as a panel inside DevTools too.

Additionally it supports the ability to save/open scripts, has autocompletion based on tern, pretty-printing, and can even let you execute code in Browser context (which might be useful if you're ever working on the Firefox front-end itself).

这篇关于Firefox开发工具JS编辑器（如萤火虫）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！