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

Lan*_*ard 37 firefox firebug code-formatting

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

ben*_*phy 19

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

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

  • @BrianMortenson截至今天,**与Firefox 18一起工作. (3认同)

Bro*_*ams 13

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

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

但是,如果您编写一个Firebug扩展程序来执行此操作,您将得到我们所有的感激之情.;-)


Cir*_*四事件 5

Firefox开发者工具有:

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

  • "Auto Prettify Minified Sources"设置:默认情况下打开Prettify Source.

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

在此输入图像描述

在Firefox 42上测试过.

  • 我有 Firefox Developer Edition 74.0b5(64 位),但在调试器窗格中没有看到此图标 {}。大家知道被删了吗?或者如何启用它? (3认同)