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

有没有办法在Firebug中美化JavaScript和CSS? 我想能够查看格式化的JS而不是压缩版本:)。

在Firebug中,CSS已经被美化,通过比较CSS选项卡或CSS窗格与原始源代码清楚地看到。

JavaScript,唉,不是。 现在最好的办法就是将代码粘贴到http://jsbeautifier.org/

但是,如果你写了一个Firebug的扩展 ,那么你会得到我们所有的感谢。 😉

现在有一个插件,拦截JavaScript的下载,并在这一点上解除它。 不幸的是,它挂钩到Firefox的方式意味着它适用于所有的JavaScript下载,只是没有具体的和JavaScript文件必须提供一个适当的MIMEtypes。

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

Firefox开发者工具有:

  • “美化来源”button :左下angular的大括号{}图标

  • “自动美化精细化来源”设置 :默认打开“美化源”

    要启用它:转到debugging器选项卡右上angular的引擎图标, 而不是全局设置引擎。

在这里输入图像说明

在Firefox 42上testing