如何在Firefox / Firebug中美化Javascript和CSS?

时间:2010-07-09 21:07:11

标签: firefox firebug code-formatting

有没有办法在Firebug中美化javascript和css?我希望能够查看格式化的js而不是压缩版本:)。

3 个答案:

答案 0 :(得分:19)

现在有一个插件拦截javascript下载并在那时将其分解。不幸的是,它挂钩到firefox的方式意味着它适用于所有javascript下载而不是特定的javascript文件,javascript文件必须以适当的mime类型提供。

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

答案 1 :(得分:13)

CSS已经在Firebug中得到了美化,通过将CSS选项卡或CSS窗格与原始源进行比较可以清楚地看到。

JavaScript,唉,不是。目前,您可以做的最好的事情是将代码粘贴到类似http://jsbeautifier.org/的内容中。

但是,如果你写a Firebug extension这样做,你将得到我们所有的感激之情。 ; - )

答案 2 :(得分:5)

Firefox开发者工具有:

  • " Prettify Source"按钮:左下角的大括号{}图标

  • " Auto Prettify Min源来源"设置:默认情况下启用Prettify Source。

    要启用它:转到调试器选项卡右上角的引擎图标,全局设置引擎。

enter image description here

在Firefox 42上测试。