如何在Firefox / Firebug中美化JavaScript和CSS？

Question

在Firebug中是否有美化JavaScript和CSS的方法？

我希望能够查看格式化的JavaScript代码，而不是压缩版本:)。

Answer 1

CSS已经在Firebug中被美化了，通过将CSS选项卡或CSS窗格与原始源代码进行比较可以清楚地看到这一点。

唉，JavaScript不是。目前，您能做的最好的就是将代码粘贴到类似于http://jsbeautifier.org/的东西中。

但是，如果您编写了这样的Firebug扩展，您将得到我们所有的感激之情。;-)

Answer 2

现在有一个插件可以截取JavaScript下载，并在那时将其解禁。

不幸的是，它与火狐连接的方式意味着它适用于所有的JavaScript下载，而不是特定的下载，而JavaScript文件必须以适当的哑剧类型提供服务。

https://addons.mozilla.org/en-US/firefox/addon/247565/

Answer 3

Firefox Developer工具有：

• “漂亮源”按钮：左下角的大括号{}图标
• “自动美化最小化源”设置：默认情况下打开美化源。 要启用它:转到调试器选项卡右上角的引擎图标，而不是全局设置引擎。

​

​

在Firefox 42上进行了测试。